React: state para dummies con una analogía simple

#react #javascript #webdev #spanish

Lastimosamente cuando estaba en la universidad estudiando la carrera no me enseñaron ningún framework frondend, los conocimientos que tengo React los fui adquiriendo de manera autodidacta (irónicamente la pandemia ayudó este aprendizaje por el tiempo libre excedente.)

Uno de los conceptos fundamentales para entender React es el estado. Personalmente me costó mucho entenderlo bien pese a que lei varias definiciones y vi varios tutoriales sentia que no entendía los conceptos del todo, lo que es muy normal al principio cuando nos enfrentamos a aprender algo desde cero y mas aun por cuenta propia.

En la página thinkster tienen un artículo pequeño donde realizan una analogía para recordar y entender el estado de un componente, en parafrasis, mas o menos dice lo siguiente:

LOS ESTADOS DE LA MATERIA
El agua, desde la primaria nos enseñan que este elemento tiene 3 estados básicos: líquido, sólido y gaseoso. ¿Qué factor es el que hace que el agua esté en un estado o en otro? La respuesta es sencilla: la temperatura; si elevamos la temperatura el agua empieza a evaporarse y si por el contrario la reducimos el agua se solidifica convirtiéndose en hielo.

De igual manera podemos ir alterando el estado de nuestros componentes en React, para que en un momento dado actúen y hagan ciertas acciones que deseamos pero en otro momento se desempeñen de una manera distinta.

Recuerda que los estados y su manipulación constituyen el corazón de todo componente React, un componente sin estado no hace la gran cosa, son muy estáticos y poco prácticos.