Ich baue eine Marketingseite und verwende ein WordPress-ähnliches CMS. Infolgedessen wird der größte Teil des DOM der Seite serverseitig gerendert. Wir haben einige interaktive Komponenten auf der Seite, die wir mit React erstellen möchten. Daher wird jede interaktive Komponente ihre eigene React-Root sein und mit initialisiert werden ReactDOM.render()
.
Das ist wahrscheinlich in Ordnung, wenn ich ein/zwei Instanzen hätte. Das Problem ist, ich habe ein paar hundert davon. Wird dies zu Leistungsproblemen führen, wenn ich anrufe ReactDOM.render()
Hunderte Male auf der gleichen Seite? Wenn ja, was für Probleme? Startzeit, Interaktion, Seitenladezeit usw.?
Welche anderen Nachteile dieses Ansatzes gibt es?
Einige der Recherchen, die ich durchgeführt und gelesen habe:
- https://github.com/facebook/react/issues/12700
- Ist es in Ordnung, React.render() mehrmals im DOM zu verwenden?