Paso 1

Enfoque en la configuración del store de Redux e integración en toda la aplicación. El store de Redux funciona como un lugar central para almacenar el estado de la aplicación, y conectarlo con la app permite que los componentes accedan al estado y despachen acciones.

Ejemplo

Desafío

1. Abrir el archivo store.js ubicado en la carpeta redux.
2. Utilizar la función configureStore del paquete @reduxjs/toolkit para crear el store de Redux. Esta función proporciona una forma simplificada de configurar el store, con valores predeterminados adecuados y middleware incorporado.
3. En el archivo index.js, modificar el código para integrar el store creado en toda la aplicación.
4. Importar el componente Provider del paquete react-redux.
5. Envolver el componente App con el componente Provider. Esto hace que el store de Redux esté disponible para todos los componentes dentro de la aplicación.
6. Pasar la prop store al componente Provider. Esto conecta la aplicación con el store de Redux creado, permitiendo que los componentes accedan al estado del store y despachen acciones.

1. La función configureStore simplifica el proceso de creación de un store de Redux al proporcionar valores predeterminados adecuados y middleware incorporado.
2. El componente Provider del paquete react-redux se utiliza para poner el store de Redux a disposición de los componentes.
3. Asegurarse de que el componente Provider envuelva el componente raíz de la aplicación (normalmente el componente App).