Concepto de React: Inmutabilidad

 

 

 

¿Qué es la inmutabilidad? ¿Y cómo encaja en el mundo de React?

Un concepto que probablemente encontrarás al programar en React es la inmutabilidad (y su opuesto, la mutabilidad).

Es un tema controversial, pero más allá de lo que puedas pensar sobre el concepto de inmutabilidad, React y la mayor parte de su ecosistema lo fuerzan, por lo que necesitas al menos tener una idea de por qué es tan importante y sus implicaciones.

En programación, una variable es inmutable cuando su valor no puede cambiar después de su creación.

Ya estás usando variables inmutables sin saberlo cuando manipulas una cadena. Las cadenas son inmutables por defecto, cuando las cambias en la realidad creas una nueva cadena y la asignas al mismo nombre de variable.

 

Una variable inmutable nunca se puede modificar. Para actualizar su valor, se crea una nueva variable.

Lo mismo se aplica a los objetos y matrices.

En lugar de cambiar una matriz, para agregar un nuevo elemento se crea una nueva matriz concatenando la matriz antigua más el nuevo elemento.

Un objeto nunca se actualiza, sino que se copia antes de modificarlo.

Esto se aplica a React en muchos lugares.

Por ejemplo, nunca debes mutar la statepropiedad de un componente directamente, sino solo a través del setState()método.

En Redux , nunca se muta el estado directamente, sino sólo a través de reductores, que son funciones. Fotos Porno y actrices porno

La pregunta es ¿por qué?

Existen diversas razones, siendo las más importantes:

  • Las mutaciones se pueden centralizar, como en el caso de Redux, lo que mejora las capacidades de depuración y reduce las fuentes de errores.
  • El código parece más claro y más fácil de entender. Nunca esperas que una función cambie algún valor sin que lo sepas, lo que te da previsibilidad . Cuando una función no modifica objetos sino que simplemente devuelve un nuevo objeto, se denomina función pura.
  • La biblioteca puede optimizar el código porque, por ejemplo, JavaScript es más rápido al intercambiar una referencia de objeto antigua por un objeto completamente nuevo, en lugar de mutar un objeto existente. Esto le brinda rendimiento .



Tal vez te puede interesar:

  1. Introducción a React
  2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
  3. Cómo cambiar el valor de un nodo DOM
  4. Cómo comprobar si un elemento DOM tiene una clase

Concepto de React: Inmutabilidad

Concepto de React: Inmutabilidad

Un concepto que probablemente encontrarás al programar en React es la inmutabilidad (y su opuesto, la mutabilidad). ¿Qué es la inmutabilidad? ¿Y cómo enca

programar

es

https://aprendeprogramando.es/static/images/programar-concepto-de-react-inmutabilidad-1861-0.jpg

2024-10-29

 

Concepto de React: Inmutabilidad
Concepto de React: Inmutabilidad

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences