Inmutabilidad en React

En React, hay dos formas de cambiar datos:

El uso de la inmutabilidad en React se vuelve aún más importante para la funcionalidad de viaje en el tiempo, lo que hace posible el seguimiento de datos.

En la arquitectura de fibra React, al renderizar, el árbol de renderizado tendrá un árbol de renderizado de respaldo correspondiente (es decir, el árbol de renderizado anterior), lo que facilita el seguimiento de los cambios de datos cuando se utilizan datos inmutables

La principal ventaja de la inmutabilidad es que nos ayuda a crear componentes puros en React, lo que facilita determinar si los datos han cambiado y es necesario volver a renderizarlos.

Tanto immutable como immer son bibliotecas que resuelven el problema de la inmutabilidad de JS.

immutable tiene su propio conjunto de estructuras de datos para resolver el problema de inmutabilidad: Lista, Mapa, etc., que corresponden a estructuras de datos JS nativas y proporcionan API y utilidades de conversión. Específicamente, puede navegar por la documentación oficial.

immer pertenece al río Yangtze y la API es más optimizada y fácil de usar. En el código fuente, los objetos proxy de ES6 se utilizan para interceptar operaciones y decidir si enviar cambios de datos para lograr la inmutabilidad

Referencias

1. Reaccionar documentación china: por qué es importante la inmutabilidad -es-importante

2. documentación oficial de immutable.js

3. immer.