Como na demonstração do React, e em outros exemplos, vejo pessoas redefinindo os dados do estado se um registro for adicionado ou removido. O que resulta na renderização da lista inteira em vez de simplesmente anexar o registro mais recente ou remover o selecionado da árvore DOM atual.

Como isso é útil? Ou como posso evitar esse caso.

ATUALIZAR A situação: o feed do Facebook, você continua rolando o feed, atinge cerca de 5000 status de feed e muitos outros tipos de cartões. Não é só isso, cada feed de status tem sua própria "lista de comentários".

A cada segundo, de 5 a 10 cartões de status são pendentes na parede ou anexados em caso de carregamento lento. ie a cada segundo, você renderiza novamente n + n * 0,5, onde dizer que n pode ir acima de 5000 cartões.

Além disso, considere o custo de "repintar", renderizando loops.