2016-07-22 25 views
9

Ich baue einen Front End Page Builder (SPA) für WordPress mit reagieren und es unterstützt auch andere Plugins!Beeinflusst ein großer Redux-Status die Leistung meiner Anwendung?

Wenn wir nur unsere eigenen Module unterstützen würden, hätten wir jedes Modul leicht als separate Komponente erstellen können, aber da es Kreuzkompatibilität unterstützt, kann man nicht sagen, was das Markup sein wird. Wenn also ein Modul hinzugefügt wird, werden Details über das Modul durch eine Ajax-Anforderung an den Kurzcode-Endpunkt gesendet, und das entsprechende Markup wird generiert und als String an den Builder zurückgegeben.

Dann wird das Markup im Zustand gespeichert und sofort durch eine dumme Komponente gerendert!

Mein Problem ist Einige Markups sind so groß wie 20k Zeichen und es ist nicht zu sagen, wie viele Module ein Benutzer hinzufügen wird, da es ein Seitengenerator ist !! Obwohl ich unveränderliche js verwende, um meinen Zustand zu erhalten, bin ich skeptisch gegenüber der Leistung !!

Sollte ich mir keine Sorgen machen oder gibt es einen anderen Ansatz als den, dem wir jetzt folgen? Irgendwelche Gedanken dazu werden sehr geschätzt!

Vielen Dank für Ihre Zeit Leute!

+0

Gibt Ihr Endpunkt HTML zurück, das nur gerendert werden muss? Ich verstehe das Problem nicht. Einfach das Markup dort einfügen, wo es benötigt wird (mit einer Dump-Komponente) und das ist die beste Lösung. Müssen Sie den Status dieses Markups später verwalten? Hier sind viele Designentscheidungen zu treffen. – tomericco

Antwort

2

Ich habe mit DraftJS und Rendering Artikel in React-Komponenten gearbeitet. Es ist bisher kein Problem. Kann große Artikel im Redux-Zustand halten. Facebook verwendet zwar Redux, verwendet DraftJS jedoch intern und der Feed ist in der Regel stark mit Inhalten geladen.