Razzle: Quem está usando o Razzle?

Só estou brincando com isso, mas está exatamente preenchendo a lacuna entre o aplicativo criar-reagir-aplicativo orientado para iniciantes e os frameworks completos, como Next etc.
Espero que continue assim, pois a tentação de incluir mais coisas e escolher padrões pode ser grande.

Eu trabalho para uma agência e atualmente estamos usando a Razzle na produção de um grande site de reação voltado para o público. Não posso dizer qual, mas só queria expressar que estamos usando em produção / em escala e estamos adorando.

Não tenho uma empresa, portanto, meu caso de uso de produção não é ultrassecreto e o aplicativo também é pequeno. Ainda não está totalmente concluído, mas os recursos implementados estão funcionando bem. É chamado de Facebook Searcher e você pode facilmente fazer pesquisas personalizadas atualmente para pessoas usando o formulário. É inspirado em Search is Back! e meu objetivo era criar uma versão mais atual dele. Os campos de entrada implementados já oferecem mais flexibilidade. Por exemplo, você pode listar os usuários do Facebook que estão interessados ​​em ambos os sexos que o Facebook oferece suporte.

@jaredpalmer Você pode adicionar este aplicativo a uma seção de demonstração, se desejar. No entanto, em seu estado atual, poderia ser um site estático também, o que teria um melhor desempenho em termos de desempenho.

Estou usando isso como ponto de partida para o projeto final do meu aluno. Eu ensino em uma ONG que leva jovens em dificuldade e cria desenvolvedores web junior full stack a partir de 0 deles. Eles entendem tudo, mas não têm familiaridade com as ferramentas, então o Razzle é um alívio bem-vindo por ter que conectar tudo.

Em um nível pessoal, é a maneira mais rápida de testar uma ideia e o único cenário realmente viável de renderização isomórfica que funciona bem com o texto digitado.

Obrigado por isso!

Pobre pessoa usando razzle instalado em uma VM do Google para tentar entender e aprender o desenvolvimento js moderno.

Estamos usando Razzle em Untitled Kingdom , para o novo VOD Platform Facets Edge .
Facets Edge é um novo serviço para nossa parceira de ONGs Facets .
É tudo sobre arte e filmes independentes de todo o mundo. No momento, estamos no estágio de beta fechado, mas se você estiver interessado, entre em contato para obter acesso de avaliação gratuita.

Datnoid é uma plataforma de

Usando Razzle e Docker para implantar no GKE. Mecanismo do Google Kubernetes.

Nós da Thorgate estamos usando a Razzle para construir nossos projetos de SPA.

Coisas incríveis. Continue.

razzle e afterjs é incrível !, eu faço um clone do HackerNews construído com razzle, afterjs, datilografado, revanche, react-roteador com renderização universal razzle-hackernews

A YOLO Technology está atualmente usando Razzle para nosso produto SAAS.

Confira! https://bossjob.ph

Nosso novo e futuro projeto em https://www.totalmilk.com umbrella são construídos com razzle (node, graphql, mongodb)

Aplicativos de produção
https://payme.totalmilk.com/
https://hauler.totalmilk.com/

Apps beta
https://payroll-beta.totalmilk.com
https://principal-beta.totalmilk.com
https://docs.totalmilk.com/

E em breve o site principal https://www.totalmilk.com será convertido também

Podchaser está usando o razzle na produção algumas semanas atrás: https://www.podchaser.com

Mudamos para ele como parte de um processo para modularizar todo o nosso código para melhor divisão de código e agitação de árvore, enquanto o servidor ainda renderiza tudo. Isso ajudou a simplificar muito nosso processo de construção!

Veja https://github.com/jaredpalmer/razzle/issues/971

Estamos usando o razzle no Grain Discovery para nosso novo site brilhante, lançado na semana passada: https://www.graindiscovery.com !

Quem somos: https://www.noritex.com/es/

FotonTech está usando em https://confy.app
Temos um repositório de código aberto seguindo a mesma abordagem que fizemos internamente: https://github.com/FotonTech/golden-stack

Estou usando no Influence Grid: https://www.influencegrid.com/

CloudHospital apenas começou a usá-lo.
Https://icloudhospital.com
Começamos com next.js, mas mudamos para isso recentemente.

Usando o razzle para todos os meus projetos, principalmente pequenas páginas da Web locais no Docker.

A configuração padrão para todos os projetos que eu inicio: https://github.com/fivethreeo/razzle-with-docker-nginx

https://teleport.us Estamos usando

Usando-o em https://www.yespleasemeals.com/ e https://www.factor75.com

Estamos usando, novo aplicativo de mídia social https://ecency.com

Eu escrevi essas notas enquanto comparava Razzle com nextjs (tinha muito tempo disponível) e tomando uma decisão, pensei em postar aqui, pois pode ajudar alguém. Espero que este seja o local apropriado para postar.

Eu tenho refatorado https://www.memory.com (CRA SPA de tamanho médio com SEO ruim e muitas páginas) em 2 branches simultaneamente.

1) razzle, com react-router-6-beta (travado após uma refatoração anterior),
2) nextjs

Para comparar com a produção atual, que é:
v.0) solução de pré-renderização personalizada (hackery: se o cache falhar, acione o chromedp inline a pedido, sirva html, renderize em vez de hidratar devido a diferenças, somente se UA = google / bing etc, com um cron pré-renderizando 0,5 milhões de páginas ao redor do relógio - alta manutenção)

Visão geral do aplicativo:

9 MB total de construção JS em CRA vanilla (com divisão de código - ~ 7 MB sem)
Front end TSX LOC: 118k
1826 componentes
~ 500.000 páginas ativas de front end (principalmente conteúdo gerado pelo usuário)
Ponto de entrada único

O que estou descobrindo é:

1) Razzle
- Plug and play, sem reescrever código, exceto server.tsx e client.tsx
- fácil configuração; mas para acertar com a reconciliação DOM correta: muitas tentativas e erros - dificuldade semelhante à execução de um webpack SPA personalizado
- muito mais ajustável do que o próximo com o react-router
- fácil de trocar no CRA in / out sempre que necessário, pode executar o CRA no mesmo repo
- divisão de código muito boa fora da caixa com @ loadable / server
- fácil de conciliar marcação SSR com hidratação
- Zero lock in
- O Config parece instável, fácil de quebrar, difícil de consertar

2) NextJS
- i18n, Link e Trans precisavam de grande refatoração
- A estrutura de / pages parece bem ridícula, me lembra de um PHP MVC - precisava de muitos hackeamentos para fazer os parâmetros atuais funcionarem. Eu fiz tudo, mas espero esconder o galho
- Supostamente OK docs, mas acabam muito no stackoverflow;
- Experiência de desenvolvimento ruim para um aplicativo de entrada única do SPA com muitas rotas, criar páginas sob demanda é doloroso; O teste do e2e no dev box também é doloroso - talvez você possa configurá-lo para construir no início - não consigo descobrir como sem CURLing cada página com bash para aquecê-lo.
- Código ruim dividindo a caixa, perfaz um pacote total de 16 MB
- Pesadelo para reconciliar SSR com hidratação (Material ui)
- Mas, há algo nele em que você confia. Você sabe que o início do fio vai funcionar.
- Codemod para ejetar do próximo é muito difícil de escrever, o Trans e o Link são muito ineficientes para automatizar - então acabe amarrado com a única saída sendo localizar-substituir manual

No geral, nextjs com "dynamic" e meus melhores esforços são produzir um aplicativo muito pesado em comparação com Razzle com @loadable.

Não consigo fazer o nextjs bater uma velocidade de 77 na página inicial. Com um download total de JS de 525kb, vs Razzle 98 pagepeed de 332kb (com ambos usando divisão agressiva)

Razzle, posso dividir o código como eu quiser e chegar a uma velocidade de página 98 com um JS total de 332kb

Normalmente, outras telas com next têm uma carga útil muito maior na navegação E no primeiro hit com next.

Nextjs coloca um monte de lixo em um pacote compartilhado com configuração padrão.

NextJS - pré-busca automática parece perigoso: sem desabilitá-los manualmente, carregar todos os links de navegação à esquerda é uma renderização inicial ENORME e inadequada do pós-carga. Além disso, ele apenas pré-busca / páginas e você não pode instruí-lo a pré-buscar componentes específicos.

Razzle + servidor carregável + onMouseEnter = {component.preload} com um retorno de chamada RAF = superior, mas mais carga de manutenção.

Basicamente, estou descobrindo que o razzle é um substituto do CRA que funciona como uma bala.

Na esperança de excluir o branch nextjs e colocar a Razzle em produção.

Editar - basicamente, para fazer qualquer coisa útil com o Next, você precisa de um servidor personalizado de qualquer maneira, então, com o Razzle disponível, ainda não consigo ver o ponto em nextjs ..... exceto confiabilidade e ambientes com vários desenvolvedores em trilhos com um api opinativo.

Ótimo ouvir uma história de sucesso da Razzle :) Ser altamente configurável é um objetivo da Razzle. Devemos ter mais plug-ins e documentos, mas precisamos de mais contribuidores. Tudo depende de mim por enquanto. O fator de ônibus é 1 atm.

Temos uma grande história de sucesso com a Razzle

Agora estamos na App Store, Play Store, Web e instaláveis ​​na Web usando Razzle.

Nós criamos uma construção separada dentro do Razzle que roda em cima de Cordova:
https://apps.apple.com/us/app/noritex/id1556098652

O único problema que ainda não descobrimos é o seguinte:

Existe uma maneira no razzle config de alterar o client.js para usar client.standalone.js?

Estou tentando criar dois processos de compilação separados, um para a web e para nosso aplicativo iOS

Aqui está como fizemos: https://nesbtesh.medium.com/pwas-one-code-base-3-app-stores-30cecbee07b7