Razzle: Wer benutzt Razzle?

Ich spiele nur damit herum, aber es füllt genau die Lücke zwischen der anfängerorientierten Create-React-App und den vollwertigen Frameworks wie Next usw.
Ich hoffe, es bleibt so, da die Versuchung, mehr Zeug einzubringen und Standardeinstellungen zu wählen, groß sein kann.

Ich arbeite für eine Agentur und wir verwenden Razzle derzeit in der Produktion für eine große öffentlich zugängliche Reaktionsseite. Ich kann nicht sagen, welche, wollte aber nur zum Ausdruck bringen, dass wir es in der Produktion / im Maßstab verwenden und es lieben.

Ich habe keine Firma, daher ist mein Anwendungsfall für die Produktion überhaupt nicht streng geheim und die Anwendung ist ebenfalls winzig. Es ist noch nicht vollständig fertig, aber die implementierten Funktionen funktionieren gut. Es heißt Facebook Searcher und Sie können mithilfe des Formulars problemlos benutzerdefinierte Suchen nach Personen durchführen. Es ist inspiriert von Search is Back! und mein Ziel war es, eine aktuellere Version davon zu erstellen. Die implementierten Eingabefelder bieten bereits mehr Flexibilität. Sie können beispielsweise Facebook-Benutzer auflisten, die an beiden von Facebook unterstützten Geschlechtern interessiert sind.

@jaredpalmer Sie können diese Anwendung einem Showcase-Bereich hinzufügen, wenn Sie Lust haben. Im aktuellen Zustand könnte es sich jedoch auch um eine statische Site handeln, was in Bezug auf die Leistung besser wäre.

Ich benutze es als Ausgangspunkt für das Abschlussprojekt meines Schülers. Ich unterrichte in einer NGO, die Jugendliche in Schwierigkeiten nimmt und aus 0 von ihnen Junior-Full-Stack-Webentwickler macht. Sie verstehen alles, sind aber mit den Werkzeugen nicht vertraut, sodass Razzle eine willkommene Erleichterung darstellt, wenn sie nicht alles verkabeln müssen.

Auf persönlicher Ebene ist dies der schnellste Weg, eine Idee zu testen, und das einzige tatsächlich praktikable Szenario für isomorphes Rendering, das mit Typoskript gut funktioniert.

Danke dafür!

Arme Person, die Razzle verwendet, das auf einem Google VM installiert ist, um zu versuchen, die moderne js-Entwicklung zu verstehen und zu lernen.

Wir verwenden Razzle in Untitled Kingdom für die neue VOD Platform Facets Edge .
Facets Edge ist ein neuer Service für unseren NGO-Partner Facets .
Es dreht sich alles um Kunst und unabhängige Filme aus aller Welt. Wir befinden uns derzeit in der Closed Beta-Phase. Wenn Sie jedoch interessiert sind, kontaktieren Sie mich für einen kostenlosen Testzugang.

Datnoid ist eine Crowd-Sourcing-Plattform, um die besten

Verwenden von Razzle und Docker zur Bereitstellung auf GKE. Google Kubernetes Engine.

Wir bei Thorgate verwenden Razzle, um unsere SPA-Projekte zu erstellen.

Tolles Zeug. Lass es laufen.

razzle und afterjs ist fantastisch!, Ich mache einen HackerNews-Klon, der mit Razzle, Afterjs, Typoskript, Rematch, React- Router mit universellem Rendering-

YOLO Technology verwendet derzeit Razzle für unser SAAS-Produkt.

Hör zu! https://bossjob.ph

Unser neues und bevorstehendes Projekt unter https://www.totalmilk.com besteht aus Razzle (Node, Graphql, Mongodb).

Produktions-Apps
https://payme.totalmilk.com/
https://hauler.totalmilk.com/

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

Und bald wird auch die Hauptwebsite https://www.totalmilk.com konvertiert

Podchaser verwendet Razzle seit einigen Wochen in der Produktion: https://www.podchaser.com

Wir haben im Rahmen eines Prozesses darauf umgestellt, um unseren gesamten Code für eine bessere Code-Aufteilung und Baum-Shake zu modularisieren, während der Server weiterhin alles rendert. Dies hat unseren Build-Prozess erheblich vereinfacht!

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

Wir verwenden Razzle bei Grain Discovery für unsere glänzende neue Website, die erst letzte Woche veröffentlicht wurde: https://www.graindiscovery.com !

Wir sind: https://www.noritex.com/es/

FotonTech verwendet unter https://confy.app
Wir haben ein Open-Source-Repo nach dem gleichen Ansatz wie intern: https://github.com/FotonTech/golden-stack

Ich verwende es auf Influence Grid: https://www.influencegrid.com/

CloudHospital hat gerade damit begonnen.
Https://icloudhospital.com
Wir haben mit next.js angefangen, sind aber kürzlich dazu übergegangen.

Verwenden von Razzle für alle meine Projekte, hauptsächlich lokale kleine Webseiten auf Docker.

Das Standard-Setup für alle Projekte, die ich starte: https://github.com/fivethreeo/razzle-with-docker-nginx

https://teleport.us Wir verwenden es

Verwenden Sie es auf https://www.yespleasemeals.com/ und https://www.factor75.com

Wir verwenden es, neue Social-Media-App https://ecency.com

Ich schrieb diese Notizen, während ich Razzle mit nextjs verglich (hatte viel Zeit in meinen Händen) und eine Entscheidung traf. Ich dachte, ich würde sie hier veröffentlichen, da sie jemandem helfen könnte. Hoffe, dies ist der geeignete Ort zum Posten.

Ich habe https://www.memory.com (mittelgroßes CRA-SPA mit schlechter Suchmaschinenoptimierung und vielen Seiten) in zwei Filialen gleichzeitig überarbeitet.

1) Razzle mit React-Router-6-Beta (nach einem vorherigen Refactor gesperrt),
2) nextjs

Zum Vergleich mit der aktuellen Produktion:
v Uhr - hoher Wartungsaufwand)

App-Übersicht:

Insgesamt 9 MB JS-Build in CRA-Vanille (mit Code-Aufteilung - ~ 7 MB ohne)
Frontend TSX LOC: 118k
1826 Komponenten
~ 500.000 aktive Front-End-Seiten (hauptsächlich benutzergenerierte Inhalte)
Einzelner Einstiegspunkt

Was ich finde ist:

1) Blenden
- Plug and Play, kein Umschreiben von Code außer server.tsx und client.tsx
- Einfache Einstellung; Aber um es mit der richtigen DOM-Abstimmung richtig zu machen: viele Versuche und Irrtümer - ähnliche Schwierigkeiten wie beim Ausführen eines benutzerdefinierten Webpack-SPA
- weitaus besser optimierbar als der nächste mit React-Router
- Einfaches Ein- und Auswechseln von CRA bei Bedarf, kann CRA im selben Repo ausführen
- Code-Aufteilung sehr gut mit @ loadable / server
- SSR-Markup lässt sich leicht mit der Flüssigkeitszufuhr in Einklang bringen
- Nullsperre
- Config fühlt sich wackelig an, leicht zu brechen, schwer zu reparieren

2) NextJS
- i18n, Link und Trans benötigten ein umfangreiches Refactoring
- / Seitenstruktur scheint ziemlich lächerlich, erinnert mich an eine PHP MVC - brauchte viel Hackery, um aktuelle Parameter zum Laufen zu bringen. Ich habe die ganze Menge gemacht, hoffe aber, den Zweig zu verstauen
- Angeblich OK-Dokumente, aber trotzdem viel Stackoverflow;
- Schlechte Entwicklererfahrung für eine SPA-App mit nur einem Eintrag und vielen Routen. Das Erstellen von Seiten nach Bedarf ist schmerzhaft. Das Testen von e2e auf der Dev-Box ist ebenfalls schmerzhaft - vielleicht können Sie es so konfigurieren, dass es im Voraus aufgebaut wird - ich kann nicht herausfinden, wie es geht, ohne jede Seite mit Bash zum Aufwärmen zu CURLEN.
- Schlechter Code, der die Box aufteilt, macht das Bundle insgesamt 16 MB groß
- Albtraum, um SSR mit Flüssigkeitszufuhr in Einklang zu bringen (Material ui)
- Aber es gibt nur etwas, dem du vertraust. Sie wissen, dass der Garnstart funktionieren wird.
- Codemod zum Herauswerfen aus dem nächsten ist zu schwer zu schreiben, Trans und Link sind einfach zu ineffizient, um automatisiert zu werden. Der einzige Ausgang ist also das manuelle Suchen und Ersetzen

Insgesamt ist nextjs mit "dynamisch" und meine besten Bemühungen, eine wirklich schwere App im Vergleich zu Razzle mit @loadable auszugeben.

Ich kann nextjs nicht dazu bringen, eine Seitengeschwindigkeit von 77 auf der Homepage zu übertreffen. Mit einem JS-Gesamtdownload von 525 KB im Vergleich zu Razzle 98 Seitengeschwindigkeit 332 KB (wobei beide aggressive Aufteilung verwenden)

Razzle, ich kann Code nach Belieben aufteilen und mit einer JS-Gesamtgröße von 332 KB auf 98 Seiten bringen

In der Regel haben andere Bildschirme mit next eine weitaus größere Nutzlast sowohl für die Navigation als auch für den ersten Treffer bei next.

Nextjs fügt viel Junk in ein freigegebenes Bundle mit Standardkonfiguration ein.

NextJS - Auto Prefetch scheint gefährlich: Ohne manuelles Deaktivieren ist das Laden aller linken Navigationslinks eine RIESIGE und unangemessene Nutzlast nach dem ersten Rendern. Außerdem werden nur Seiten vorab abgerufen, und Sie können es nicht anweisen, bestimmte Komponenten vorab abzurufen.

Razzle + ladbarer Server + onMouseEnter = {component.preload} mit einem RAF-Rückruf = überlegen, aber mehr Wartungsaufwand.

Grundsätzlich stelle ich fest, dass Razzle ein Rückgang des Ersatzes für CRA ist, der sich wie eine Kugel verhält.

In der Hoffnung, den nextjs-Zweig zu löschen und Razzle in Produktion zu bringen.

Bearbeiten - Um mit Next etwas Nützliches zu tun, benötigen Sie ohnehin einen benutzerdefinierten Server. Mit Razzle kann ich den Punkt in nextjs noch gar nicht erkennen ..... außer Zuverlässigkeit und Umgebungen mit mehreren Entwicklern auf Schienen mit einem meinungsvolle api.

Schön, eine Razzle-Erfolgsgeschichte zu hören :) Hoch konfigurierbar zu sein, ist ein Ziel von Razzle. Wir sollten mehr Plugins und Dokumente haben, aber wir brauchen mehr Mitwirkende. Alles hängt vorerst von mir ab. Der Busfaktor beträgt 1 atm.

Wir haben eine große Erfolgsgeschichte mit Razzle

Wir sind jetzt im App Store, Play Store, Web und Web Installable mit Razzle.

Wir haben einen separaten Build innerhalb von Razzle erstellt, der auf Cordova ausgeführt wird:
https://apps.apple.com/us/app/noritex/id1556098652

Das einzige Problem, das wir nicht herausgefunden haben, ist das Fallen:

Gibt es in der Razzle-Konfiguration eine Möglichkeit, die Datei client.js so zu ändern, dass client.standalone.js verwendet wird?

Ich versuche, zwei separate Build-Prozesse zu erstellen, einen für das Web und für unsere iOS-App

So haben wir es gemacht: https://nesbtesh.medium.com/pwas-one-code-base-3-app-stores-30cecbee07b7