Al igual que en la demostración React, y otros ejemplos, veo personas restableciendo los datos del Estado si se agrega o elimina un registro. Lo que da como resultado que toda la lista se vuelva a representar en lugar de simplemente agregar el último registro o eliminar el seleccionado del árbol DOM actual.

¿Cómo es útil? O cómo puedo evitar este caso.

ACTUALIZAR La situación: feed de Facebook, sigue desplazándose por el feed, alcanza alrededor de 5000 estados de feed y muchos otros tipos de tarjetas. No solo eso, cada feed de estado tiene su propia "lista de comentarios".

Cada segundo, se colocan de 5 a 10 tarjetas de estado en su pared, o se agregan en caso de carga lenta. es decir. cada segundo, vuelve a renderizar n + n * 0.5, donde digamos que n puede superar las 5000 tarjetas.

Además, considere el costo de "repintar", renderizando bucles.