Biblioteca Redux

En este tutorial nos familiarizaremos con una biblioteca de JavaScript muy útil y valiosa: Redux. El nombre de la biblioteca proviene de dos palabras: el nombre de la función reduce y la arquitectura de aplicaciones Flux en React, que se basa en el uso de un flujo de datos unidireccional.

Ante todo, Redux es un contenedor predecible o almacén de estados de los datos de la aplicación. Ya nos hemos encontrado con el concepto de estado o estado (state) al estudiar el tutorial de React. Con Redux se pueden escribir aplicaciones cliente, servidor o nativas que se comportan de manera predecible, son fáciles de escalar y probar.

¿Qué más tiene de atractivo Redux? Nos ayuda a gestionar el estado global de la aplicación. Las herramientas y técnicas utilizadas en Redux permiten entender más fácilmente dónde, por qué y de qué manera cambió el estado, así como cómo se comportará la lógica de la aplicación en caso de tales cambios.

Redux es una biblioteca independiente, pero se puede usar en conjunto con marcos de trabajo populares como React, Angular, Vue, y también con JavaScript puro. Adelantándome un poco, diré que en nuestro tutorial usaremos la combinación con React.

A pesar de la importancia de esta herramienta, al crear una aplicación se debe evaluar razonablemente la necesidad de su aplicación. Necesita Redux si tiene una gran cantidad de estados necesarios en diferentes partes de la aplicación, o los estados cambian con mucha frecuencia, o tal vez tiene una lógica demasiado compleja para actualizar los estados.