¿Cuáles son las ventajas de usar Redux con ReactJS?

Redux es una herramienta de gestión de estado para aplicaciones de JavaScript. Se usa más comúnmente con ReactJS, pero también es compatible con muchos otros marcos como Angular, Vue, Preact, así como con JavaScript estándar. Es importante tener en cuenta que, aunque React y Redux se usan juntos con frecuencia, ¡son independientes entre sí!

Ventajas de usar Redux:

1. Sistema de gestión de estado centralizado, es decir, tienda: el estado de reacción se almacena localmente dentro de un componente. Para compartir este estado con otros componentes de la aplicación, los accesorios se pasan a los componentes secundarios o se utilizan devoluciones de llamada para los componentes principales. El estado de Redux, por otro lado, se almacena globalmente en la tienda. Todos los componentes de la aplicación completa pueden acceder fácilmente a los datos directamente. Esto centraliza todos los datos y hace que sea muy fácil para un componente obtener el estado que requiere. Entonces, al desarrollar aplicaciones grandes y complejas con muchos componentes, la tienda Redux es altamente preferida.

2. Optimizaciones de rendimiento: de forma predeterminada, cada vez que se actualiza un componente, React vuelve a representar todos los componentes dentro de esa parte del árbol de componentes. En tal caso, cuando los datos de un componente determinado no han cambiado, estas nuevas representaciones se desperdician (porque la salida de la interfaz de usuario que se muestra en la pantalla seguiría siendo la misma). La tienda Redux ayuda a mejorar el rendimiento al omitir tales renderizaciones innecesarias y garantizar que un componente determinado se vuelva a renderizar solo cuando sus datos realmente hayan cambiado.

3. Funciones reductoras puras: una función pura se define como cualquier función que no altera los datos de entrada, que no depende del estado externo y que puede proporcionar de forma consistente la misma salida para la misma entrada. A diferencia de React, Redux depende de funciones tan puras. Toma un estado dado (objeto) y lo pasa a cada reductor en un ciclo. En caso de cualquier cambio de datos, se devuelve un nuevo objeto del reductor (se vuelve a renderizar). Sin embargo, el objeto anterior se devuelve si no hay cambios (sin volver a renderizar).

4. Almacenamiento de datos a largo plazo: dado que los datos almacenados en redux persisten hasta que se actualiza la página, se usa ampliamente para almacenar datos a largo plazo que se requieren mientras el usuario navega por la aplicación, como datos cargados desde una API, datos enviados a través de un formulario, etc. Por otro lado, React es adecuado para almacenar datos a corto plazo que probablemente cambien rápidamente (entradas de formulario, conmutadores, etc.)

5. Depuración de viajes en el tiempo: en React, se convierte en una tarea tediosa rastrear el estado de la aplicación durante el proceso de depuración. Redux hace que la depuración de la aplicación sea un proceso fácil. Dado que representa el estado completo de una aplicación en un momento dado, se usa ampliamente para la depuración de viajes en el tiempo. ¡Incluso puede enviar informes completos de errores al servidor!

6. Gran comunidad de apoyo Dado que redux tiene una gran comunidad de usuarios, se vuelve más fácil aprender sobre las mejores prácticas, obtener ayuda cuando se atasca, reutilizar su conocimiento en diferentes aplicaciones. Además, hay una serie de extensiones para redux que ayudan a simplificar la lógica del código y mejorar el rendimiento.