Wie in der React-Demo und in anderen Beispielen werden die Statusdaten zurückgesetzt, wenn ein Datensatz hinzugefügt oder entfernt wird. Dies hat zur Folge, dass die gesamte Liste neu gerendert wird, anstatt einfach den neuesten Datensatz anzufügen oder den ausgewählten aus dem aktuellen DOM-Baum zu entfernen.

Wie ist es hilfreich? Oder wie kann ich diesen Fall vermeiden.

AKTUALISIERE Die Situation: Facebook-Feed, Sie scrollen weiter im Feed, erreichen rund 5000 Feed-Status und viele andere Arten von Karten. Darüber hinaus verfügt jeder Status-Feed über eine eigene "Kommentarliste".

Jede Sekunde werden 5-10 Statuskarten an Ihre Pinnwand angehängt oder im Falle eines schleppenden Ladens angehängt. dh Sie rendern n + n * 0,5 jede Sekunde neu, wobei n über 5000 Karten liegen kann.

Berücksichtigen Sie auch die Kosten für das "Neuanmalen" und das Rendern von Schleifen.