Wie groß ist zu groß für ein Redux-Geschäft?

Question

Also überlege ich, unser gesamtes Übersetzungsobjekt in den Redux-Store zu legen, bevor wir auf den Client hydratisieren. Dieses Übersetzungsobjekt ist ca. 50kb gziped und 115kb unkomprimiert.

Unsere gesamte Website ist übersetzt, so dass dieses Übersetzungsobjekt im Grunde alle nicht-dynamische Kopie über die Website darstellt. Wenn es auf dem ersten HTTP-Request auf den Client hydratisiert wird, sollte es für ein sofortiges Browsing-Erlebnis sorgen, zumindest für eine interne Kopie.

Allerdings frage ich mich, ob das viel zu groß für einen Redux-Shop ist?

Answer 1

Sie sollten die Übersetzungen separat laden. Webpack ermöglicht Code-Aufteilung, die helfen kann. Oder Sie können einfach ein Skript-Tag verwenden.

Der Grund für das Laden separat ist, damit der Browser es zwischenspeichern kann. Dadurch kann es nur einmal pro Benutzer geladen werden. Da die von React generierte HTML-Seite dynamisch ist und der von Ihnen übergebene Speicher ebenfalls dynamisch ist, können sie nicht zwischengespeichert werden.

Mit so einem großen Datenpaket ist das Laden auf jeder Seitenladung nur eine schlechte Idee.

Auch das Geschäft ist für den Staat. Es geht um Dinge, die sich ändern. Es ist nicht das, was man mit statischen Daten tun soll. Das bedeutet nicht, dass es nicht gemacht werden kann, aber es ist einfach keine gute Übereinstimmung.

Answer 2

Ich glaube nicht, dass es eine "zu große" Größe für einen Redux-Laden gibt. Es sollte jedoch nur den Anwendungsstatus enthalten. Die Übersetzungsobjekte sollten im Code enthalten sein und Sie sollten über eine i18n-Bibliothek darauf zugreifen können. Der Status sollte ein Feld enthalten, das angibt, welche Sprache Sie dem Benutzer zeigen müssen.