Render eine große Menge von komplexen HTML

Question

Ich habe eine Reaktion Komponente, wo ich etwas wie 600 Kinder-Komponenten (und die Zahl wird langsam erhöhen). Jede dieser inneren Komponenten ist ziemlich groß und komplex (sie haben sogar ein Svg). Außerdem muss ich in der Lage sein, sie zu filtern. Ich habe überall Schlüssel benutzt, um sicher zu gehen, dass sie nicht wieder rendern, aber es ist sowieso sehr schwer. Ich frage mich, welcher wäre der performanteste Weg, dies zu tun. Ich kann leider nicht paginieren. Jede Hilfe wäre willkommen.

Answer 1

Das ist zu viel für JavaScript/Reagieren, um auf dem Client auf einmal zu handhaben, Ihre besten Wetten sind - Server Render und Split-Arbeit.

---

1. Seite Server machen erste N
2. Faul den Rest 600 - N Laden und Rendern schrittweise
3. Implementieren shouldComponentUpdate
4. Verwenden keys (wie du getan hast)

Sie kann auch Fixed Data Table verwenden, wenn es f es ist dein Konzept.