Razzle: ¿Quién usa Razzle?

Solo estoy jugando con él, pero está llenando exactamente el espacio entre la aplicación create-react-app orientada a principiantes y los marcos completos como Next, etc.
Espero que siga así, ya que la tentación de agregar más cosas y elegir valores predeterminados puede ser grande.

Trabajo para una agencia y actualmente estamos usando Razzle en producción para un gran sitio de reacción de cara al público. No puedo decir cuál, pero solo quería expresar que lo estamos usando en producción / a escala y nos encanta.

No tengo una empresa, por lo tanto, mi caso de uso de producción no es un secreto absoluto y la aplicación también es pequeña. Aún no está completamente terminado, pero las características implementadas funcionan bien. Se llama Buscador de Facebook y puede realizar fácilmente búsquedas personalizadas actualmente para las personas que utilizan el formulario. Está inspirado en Search is Back! y mi objetivo era crear una versión más actual. Los campos de entrada implementados ya brindan más flexibilidad. Por ejemplo, puede enumerar los usuarios de Facebook que están interesados ​​en ambos sexos que Facebook admite.

@jaredpalmer Puede agregar esta aplicación a una sección de escaparate si lo desea. Sin embargo, en su estado actual, también podría ser un sitio estático, lo que mejoraría el rendimiento.

Lo estoy usando como punto de partida para el proyecto final de mi alumno. Doy clases en una ONG que se ocupa de los jóvenes en dificultades y crea desarrolladores web junior full stack de 0 de ellos. Entienden todo, pero carecen de familiaridad con las herramientas, por lo que Razzle es un alivio bienvenido de tener que cablear todo.

A nivel personal, es la forma más rápida de probar una idea y el único escenario realmente viable de renderizado isomórfico que funciona bien con mecanografiado.

¡Gracias por esto!

Pobre persona que usa razzle instalado en una máquina virtual de Google para tratar de comprender y aprender el desarrollo moderno de js.

Estamos usando Razzle en Untitled Kingdom , para el nuevo VOD Platform Facets Edge .
Facets Edge es un nuevo servicio para nuestro socio de ONG Facets .
Se trata de arte y películas independientes de todo el mundo. Actualmente estamos en la etapa beta cerrada, pero si está interesado, comuníquese conmigo para obtener acceso de prueba gratuito.

Datnoid es una plataforma de fuentes

Usar Razzle y Docker para implementar en GKE. Motor de Google Kubernetes.

En Thorgate estamos utilizando Razzle para construir nuestros proyectos de SPA.

Cosas geniales. Sigue así.

razzle y afterjs es increíble !, hago un clon de HackerNews construido con razzle, afterjs, mecanografiado, revancha, react-router con renderizado universal razzle-hackernews

Actualmente, YOLO Technology utiliza Razzle para nuestro producto SAAS.

¡Échale un vistazo! https://bossjob.ph

Nuestro nuevo y próximo proyecto en https://www.totalmilk.com umbrella está construido con razzle (node, graphql, mongodb)

Aplicaciones de producción
https://payme.totalmilk.com/
https://hauler.totalmilk.com/

Aplicaciones Beta
https://payroll-beta.totalmilk.com
https://principal-beta.totalmilk.com
https://docs.totalmilk.com/

Y pronto también se convertirá el sitio web principal https://www.totalmilk.com

Podchaser está utilizando razzle en producción hace un par de semanas: https://www.podchaser.com

Lo cambiamos como parte de un proceso para modularizar todo nuestro código para una mejor división del código y agitación de árboles, mientras que el servidor sigue procesando todo. ¡Ha ayudado a simplificar mucho nuestro proceso de construcción!

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

Estamos usando razzle en Grain Discovery para nuestro nuevo y brillante sitio web, recién inaugurado la semana pasada: https://www.graindiscovery.com !

Somos: https://www.noritex.com/es/

FotonTech está usando en https://confy.app
Tenemos un repositorio de código abierto siguiendo el mismo enfoque que hicimos internamente: https://github.com/FotonTech/golden-stack

Lo estoy usando en Influence Grid: https://www.influencegrid.com/

CloudHospital acaba de comenzar a usarlo.
Https://icloudhospital.com
Comenzamos con next.js pero nos mudamos a este recientemente.

Utilizando razzle para todos mis proyectos, en su mayoría pequeñas páginas web locales en Docker.

La configuración predeterminada para todos los proyectos que comienzo: https://github.com/fivethreeo/razzle-with-docker-nginx

https://teleport.us Lo estamos usando

Usándolo en https://www.yespleasemeals.com/ y https://www.factor75.com

Lo estamos usando, nueva aplicación de redes sociales https://ecency.com

Escribí estas notas mientras comparaba razzle con nextjs (tenía mucho tiempo en mis manos) y tomaba una decisión, pensé que lo publicaría aquí, ya que puede ayudar a alguien. Espero que este sea el lugar apropiado para publicar.

He estado refactorizando https://www.memory.com (CRA SPA de tamaño mediano con SEO pobre y muchas páginas) en 2 ramas simultáneamente.

1) razzle, con react-router-6-beta (bloqueado después de una refactorización anterior),
2) nextjs

Para comparar con la producción actual que es:
v.0) solución personalizada de reproducción previa (piratería informática: si falla la caché, active chromedp en línea a pedido, sirva html, renderice en lugar de hidratar debido a diferencias, solo si UA = google / bing, etc., con un cron que renderiza previamente 0,5 millones de páginas reloj - alto mantenimiento)

Descripción general de la aplicación:

9 MB de compilación total de JS en CRA vainilla (con división de código, ~ 7 MB sin)
Interfaz TSX LOC: 118k
1826 componentes
~ 500k páginas activas de front-end (en su mayoría contenido generado por usuarios)
Punto de entrada único

Lo que estoy encontrando es:

1) Razzle
- Plug and play, sin reescritura de código excepto server.tsx y client.tsx
- configuración fácil; pero para hacerlo bien con la reconciliación DOM correcta: mucha prueba y error, dificultad similar a ejecutar un paquete web personalizado SPA
- mucho más modificable que el siguiente con react-router
- fácil de cambiar de entrada / salida de CRA siempre que sea necesario, puede ejecutar CRA en el mismo repositorio
- división de código muy buena lista para usar con @ loadable / server
- fácil de conciliar el marcado SSR con la hidratación
- Bloqueo cero
- Config se siente inestable, fácil de romper, difícil de reparar

2) NextJS
- i18n, Link y Trans necesitaban una gran refactorización
- La estructura de / pages parece bastante ridícula, me recuerda a un PHP MVC - necesitaba mucha piratería para que los parámetros actuales funcionaran. Hice todo, pero espero esconder la rama
- Documentos supuestamente correctos pero terminan en stackoverflow mucho de todos modos;
- Experiencia de desarrollo deficiente para una aplicación de entrada única de SPA con muchas rutas, la creación de páginas a pedido es dolorosa; Las pruebas de e2e en dev box también son dolorosas, tal vez puedas configurarlo para que se construya al principio, no puedo encontrar cómo sin CURLING cada página con bash para calentarlo.
- Código deficiente al dividir la caja, hace que el paquete totalice 16 MB
- Pesadilla para conciliar SSR con hidratación (Material ui)
- Pero, hay algo en él en lo que confías. Sabes que el comienzo del hilo va a funcionar.
- Codemod para expulsar del siguiente es demasiado difícil de escribir, Trans y Link son demasiado ineficientes para automatizar, así que termine atado con la única salida que es la búsqueda y reemplazo manual

En general, nextjs con "dynamic" y mi mejor esfuerzo es generar una aplicación realmente pesada en comparación con Razzle con @loadable.

No puedo conseguir que nextjs supere una velocidad de página de 77 en la página de inicio. Con una descarga total de JS de 525 kb, frente a Razzle 98 con una velocidad de página de 332 kb (ambos utilizan una división agresiva)

Razzle, puedo dividir el código como me gusta y llevarlo a la velocidad de 98 páginas con un total de JS de 332kb

Por lo general, otras pantallas con next tienen una carga útil mucho mayor tanto en la navegación como en el primer golpe con next.

Nextjs coloca una gran cantidad de basura en un paquete compartido con la configuración predeterminada.

NextJS: la captación previa automática parece peligrosa: sin deshabilitarlos manualmente, cargar todos los enlaces de navegación de la izquierda es una carga útil ENORME e inapropiada después del procesamiento inicial. Además, solo busca previamente / páginas y no puede indicarle que busque componentes específicos.

Razzle + servidor cargable + onMouseEnter = {component.preload} con una devolución de llamada RAF = superior, pero más carga de mantenimiento.

Básicamente, estoy encontrando que razzle es un reemplazo directo de CRA que funciona como una bala.

Con la esperanza de eliminar la rama nextjs y poner Razzle en producción.

Editar: básicamente, para hacer algo útil con Next necesitas un servidor personalizado de todos modos, así que con Razzle disponible, todavía no puedo ver el punto en nextjs ... excepto confiabilidad y entornos con múltiples desarrolladores en rieles con un api obstinada.

Es genial escuchar una historia de éxito de Razzle :) Ser altamente configurable es un objetivo de Razzle. Deberíamos tener más complementos y documentos, pero necesitamos más colaboradores. Todo depende de mí por el momento. El factor de bus es 1 atm.

Tenemos una gran historia de éxito con Razzle

Ahora estamos en App Store, Play Store, Web y Web Instalable usando Razzle.

Hemos creado una compilación interna separada que se ejecuta en la parte superior de Cordova:
https://apps.apple.com/us/app/noritex/id1556098652

El único problema que no hemos resuelto es el barbecho:

¿Hay alguna forma en la configuración de razzle para cambiar el client.js para usar client.standalone.js?

Estoy tratando de crear dos procesos de compilación separados, uno para la web y para nuestra aplicación iOS.

Así es como lo hicimos: https://nesbtesh.medium.com/pwas-one-code-base-3-app-stores-30cecbee07b7