El proyecto React-Redux en el que estoy trabajando maneja un grupo de participantes actualmente organizados en un objeto JavaScript como un mapa con el par clave:valor definido como participanteId:participante.
Estoy recibiendo actualizaciones en términos de participantes individuales, por lo que el programa debe tener conocimiento exacto de qué volver a renderizar.
Los componentes están actualmente configurados de tal manera que el componente principal está conectado al estado Redux, y el objeto de los participantes se convierte en una matriz y se transmite a los accesorios de sus hijos.
Cada vez que la acción de actualización pasa por el reductor, genera un nuevo estado, que falla en las comprobaciones de comparación superficiales de mapStateToProp y activa una nueva representación del componente principal y los componentes secundarios.
Volver a representar la lista completa de componentes secundarios anula el propósito de recibir actualizaciones para un participante a la vez. Si es posible, me gustaría volver a procesar solo el componente secundario específico que se ha actualizado y volver a procesar la lista completa solo cuando se agrega o elimina un elemento secundario.
¿Puedo hacer esto con React-Redux? ¿Especialmente cuando almaceno a los participantes como datos mutables cuando Redux me anima a no hacerlo? ¿O debería considerar usar ShouldComponentUpdate y deshacerme de Redux?