Razzle: Qui utilise Razzle?

Il suffit de jouer avec, mais cela comble exactement le vide entre l'application create-react-app orientée débutant et les frameworks à part entière tels que Next, etc.
J'espère que cela restera ainsi car la tentation de mettre plus de choses et de choisir les valeurs par défaut peut être grande.

Je travaille pour une agence et nous utilisons actuellement Razzle en production pour un grand site de réaction face au public. Je ne peux pas dire lequel, mais je voulais juste exprimer que nous l'utilisons en production / à grande échelle et que nous l'adorons.

Je n'ai pas d'entreprise, donc mon cas d'utilisation en production n'est pas du tout un top secret et l'application est également minuscule. Ce n'est pas encore complètement terminé, mais les fonctionnalités implémentées fonctionnent bien. Il s'appelle Facebook Searcher et vous pouvez facilement effectuer des recherches personnalisées actuellement pour des personnes en utilisant le formulaire. Il est inspiré de Search is Back! et mon objectif était d'en créer une version plus actuelle. Les champs de saisie implémentés offrent déjà plus de flexibilité. Par exemple, vous pouvez répertorier les utilisateurs de Facebook intéressés par les deux sexes que Facebook prend en charge.

@jaredpalmer Vous pouvez ajouter cette application à une section vitrine si vous le souhaitez. Cependant, dans son état actuel, il pourrait également s'agir d'un site statique, ce qui serait de meilleures performances.

Je l'utilise comme point de départ pour le projet final de mon élève. J'enseigne dans une ONG qui accueille des jeunes en difficulté et fait de 0 d'entre eux des développeurs web juniors full stack. Ils comprennent tout mais manquent de familiarité avec les outils, donc Razzle est un soulagement bienvenu d'avoir à tout câbler.

Sur le plan personnel, c'est le moyen le plus rapide de tester une idée, et le seul scénario réellement réalisable de rendu isomorphe qui fonctionne bien avec dactylographié.

Merci pour cela!

Pauvre personne utilisant razzle installé sur une vm Google pour essayer de comprendre et d'apprendre le développement js moderne.

Nous utilisons Razzle dans Untitled Kingdom , pour la nouvelle plateforme VOD Facets Edge .
Facets Edge est un nouveau service pour notre partenaire ONG Facets .
Tout est question d’art et de films indépendants du monde entier. Nous sommes actuellement en phase de bêta fermée, mais si vous êtes intéressé, contactez-moi pour un accès d'essai gratuit.

Datnoid est une plateforme participative pour trouver les meilleures crypto-monnaies.

Utiliser Razzle et Docker pour déployer sur GKE. Moteur Google Kubernetes.

Chez Thorgate, nous utilisons Razzle pour construire nos projets SPA.

Des trucs géniaux. Le maintenir.

razzle et afterjs c'est génial !, Je crée un clone HackerNews construit avec razzle, afterjs, dactylographié, rematch, react-router avec un rendu universel razzle-hackernews

YOLO Technology utilise actuellement Razzle pour notre produit SAAS.

Vérifiez-le! https://bossjob.ph

Notre nouveau et prochain projet sur https://www.totalmilk.com parapluie est construit avec razzle (node, graphql, mongodb)

Applications de production
https://payme.totalmilk.com/
https://hauler.totalmilk.com/

Applications bêta
https://payroll-beta.totalmilk.com
https://principal-beta.totalmilk.com
https://docs.totalmilk.com/

Et bientôt le site principal https://www.totalmilk.com sera également converti

Podchaser utilise razzle en production il y a quelques semaines: https://www.podchaser.com

Nous y sommes passés dans le cadre d'un processus de modularisation de tout notre code pour un meilleur découpage du code et une meilleure agitation de l'arborescence, tout en restituant tout le serveur. Cela a beaucoup aidé à simplifier notre processus de construction!

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

Nous utilisons razzle chez Grain Discovery pour notre nouveau site Web brillant, qui vient de monter la semaine dernière: https://www.graindiscovery.com !

Nous sommes: https://www.noritex.com/es/

FotonTech utilise sur https://confy.app
Nous avons un référentiel open source suivant la même approche que nous avons utilisée en interne: https://github.com/FotonTech/golden-stack

Je l'utilise sur Influence Grid: https://www.influencegrid.com/

CloudHospital vient de commencer à l'utiliser.
Https://icloudhospital.com
Nous avons commencé avec next.js, mais nous y sommes récemment allés.

Utiliser razzle pour tous mes projets, principalement de petites pages Web locales sur Docker.

La configuration par défaut pour tous les projets que je démarre: https://github.com/fivethreeo/razzle-with-docker-nginx

https://teleport.us Nous l'utilisons

En l'utilisant sur https://www.yespleasemeals.com/ et https://www.factor75.com

Nous l'utilisons, nouvelle application de médias sociaux https://ecency.com

J'ai écrit ces notes en comparant razzle aux nextjs (j'avais beaucoup de temps libre) et en prenant une décision, j'ai pensé que je la publierais ici car cela pourrait aider quelqu'un. J'espère que c'est le bon endroit pour publier.

J'ai refactorisé https://www.memory.com (CRA SPA de taille moyenne avec un mauvais référencement et beaucoup de pages) en 2 branches simultanément.

1) razzle, avec react-router-6-beta (verrouillé après un refactor précédent),
2) nextjs

À comparer avec la production actuelle qui est:
v.0) solution de pré-rendu personnalisé (piratage: si le cache manque, faire tourner chromedp en ligne sur demande, servir du html, rendre au lieu d'hydrater en raison de différences, uniquement si UA = google / bing etc., avec un pré-rendu cron de 0,5 million de pages autour du horloge - entretien élevé)

Aperçu de l'application:

9 Mo au total JS intégré dans CRA vanilla (avec division du code - ~ 7 Mo sans)
Front end TSX LOC: 118k
1826 composants
~ 500 000 pages actives frontales (principalement du contenu généré par l'utilisateur)
Point d'entrée unique

Ce que je trouve, c'est:

1) Razzle
- Plug and play, pas de réécriture de code sauf server.tsx et client.tsx
- installation facile; mais pour bien faire les choses avec une réconciliation DOM correcte: beaucoup d'essais et d'erreurs - difficulté similaire à l'exécution d'un SPA Webpack personnalisé
- beaucoup plus modifiable que le suivant avec react-router
- facile à remplacer dans l'ARC dans / hors chaque fois que nécessaire, peut exécuter l'ARC dans le même repo
- partage de code très bon prêt à l'emploi avec @ loadable / server
- facile à concilier le balisage SSR avec l'hydratation
- Verrouillage zéro
- La configuration est fragile, facile à casser, difficile à réparer

2) SuivantJS
- i18n, Link et Trans avaient besoin d'un énorme refactoring
- La structure / pages semble assez ridicule, me rappelle un PHP MVC - il fallait beaucoup de piratage pour faire fonctionner les paramètres actuels. J'ai tout fait mais j'espère cacher la branche
- Docs supposément OK mais finissent quand même beaucoup par stackoverflow;
- Mauvaise expérience de développement pour une application SPA à entrée unique avec de nombreux itinéraires, la création de pages à la demande est douloureuse; Les tests e2e sur la boîte de développement sont également douloureux - peut-être que vous pouvez le configurer pour le construire à l'avance - je ne peux pas trouver comment sans CURLing chaque page avec bash pour la réchauffer.
- Un code médiocre divisant la boîte, fait un total de 16 Mo
- Cauchemar pour concilier SSR et hydratation (Material ui)
- Mais il y a juste quelque chose en quoi tu as confiance. Vous savez que le fil de départ fonctionnera.
- Codemod à éjecter de next est trop difficile à écrire, le Trans et le Link sont tout simplement trop inefficaces pour être automatisés - alors finissez par être lié avec la seule sortie étant la recherche-remplacement manuelle

Dans l'ensemble, nextjs avec "dynamic" et mes meilleurs efforts sont de produire une application vraiment lourde par rapport à Razzle avec @loadable.

Je ne peux pas faire en sorte que nextjs batte une vitesse de 77 pages sur la page d'accueil. Avec un téléchargement total JS de 525 Ko, vs Razzle 98 pages vitesse 332 Ko (les deux utilisant un fractionnement agressif)

Razzle, je peux coder diviser comme j'aime et obtenir une vitesse de 98 pages avec un total JS 332kb

En règle générale, les autres écrans avec suivant ont une charge utile beaucoup plus importante à la fois sur la navigation ET sur le premier coup avec le suivant.

Nextjs met beaucoup de courrier indésirable dans un bundle partagé avec la configuration par défaut.

NextJS - la prélecture automatique semble dangereuse: sans les désactiver manuellement, le chargement de tous les liens de navigation de gauche est un rendu initial ÉNORME et inapproprié. En outre, il ne pré-extrait que / pages et vous ne pouvez pas lui demander de pré-extraire des composants spécifiques.

Razzle + serveur chargeable + onMouseEnter = {component.preload} avec un rappel RAF = supérieur, mais plus de charge de maintenance.

Fondamentalement, je constate que le razzle remplace le CRA qui fonctionne comme une balle.

En espérant supprimer la branche nextjs et mettre Razzle en production.

Edit - en gros, pour faire quelque chose d'utile avec Next, vous avez de toute façon besoin d'un serveur personnalisé, donc avec Razzle disponible, je ne peux pas encore voir le point dans nextjs du tout ..... sauf la fiabilité et les environnements avec plusieurs développeurs sur rails avec un api opiniâtre.

C'est génial d'entendre une histoire à succès de Razzle :) Être hautement configurable est un objectif de Razzle. Nous devrions avoir plus de plugins et de documents, mais nous avons besoin de plus de contributeurs. Tout dépend de moi pour le moment. Le facteur Bus est de 1 atm.

Nous avons une grande réussite avec Razzle

Nous sommes maintenant dans l'App Store, le Play Store, le Web et l'installable sur le Web à l'aide de Razzle.

Nous avons créé une version séparée à l'intérieur de razzle qui fonctionne au-dessus de Cordova:
https://apps.apple.com/us/app/noritex/id1556098652

Le seul problème que nous n'avons pas résolu est la mise en jachère:

Existe-t-il un moyen dans la configuration de razzle de changer le client.js pour utiliser client.standalone.js?

J'essaie de créer deux processus de construction distincts, l'un pour le Web et pour notre application iOS

Voici comment nous l'avons fait: https://nesbtesh.medium.com/pwas-one-code-base-3-app-stores-30cecbee07b7