React: Aprende React con una aplicación 2023

Description

Redux es una biblioteca de administración de estado predecible para aplicaciones JavaScript, especialmente aquellas que siguen el paradigma de desarrollo de aplicaciones de una sola página (SPA). Fue diseñado originalmente para aplicaciones basadas en React, pero se puede utilizar con cualquier biblioteca o framework de JavaScript.

En Redux, el estado de una aplicación se almacena en un único objeto llamado "store". El store contiene el estado completo de la aplicación y es inmutable, lo que significa que no se puede modificar directamente. Para actualizar el estado en Redux, se utilizan acciones.

Las acciones (actions) son objetos planos de JavaScript que representan eventos o intenciones en la aplicación. Estas acciones describen lo que ocurrió y contienen información adicional relevante. Por ejemplo, una acción puede ser "agregar un elemento a una lista" y puede incluir los datos del nuevo elemento a agregar.

Los reductores (reducers) son funciones puras que especifican cómo cambia el estado de la aplicación en respuesta a las acciones. Toman el estado actual y una acción como argumentos, y devuelven un nuevo estado. Los reductores no deben realizar ninguna mutación en el estado actual, sino que deben crear y devolver un nuevo objeto de estado. Cada reductor maneja un tipo específico de acción y actualiza solo la parte del estado correspondiente.

El flujo de trabajo típico en Redux es el siguiente:

1. Se dispara una acción llamando a una función de acción (action creator), que devuelve un objeto de acción con un tipo y, opcionalmente, datos adicionales.

2. El objeto de acción se envía a todos los reductores registrados en el store.

3. Cada reductor verifica el tipo de acción y, si corresponde, actualiza la parte relevante del estado en base a los datos proporcionados por la acción.

4. El store emite un evento de cambio y notifica a la interfaz de usuario, lo que permite actualizar la vista con los nuevos datos del estado.

En resumen, Redux proporciona una forma estructurada y predecible de administrar el estado en aplicaciones JavaScript. Las acciones describen las intenciones o eventos, los reductores especifican cómo se actualiza el estado en respuesta a esas acciones, y el store almacena y distribuye el estado completo de la aplicación.

Ahora que conoces una breve introducción de React, te recomiendo ver los temas para que notes la logica con la que se fue construyendo y te involucres con ReactJS
Saludos!

What You Will Learn!

• Hooks
• Integración de TailwindCss
• LocalStorage
• SPA

Who Should Attend!

• Todo estudiante que quieran aprender con una aplicación
• A todos los que quieran aprender a trabajar con ReactJs
• A quien quiera comenzar a independizarse con la realización de proyectos

TAKE THIS COURSE