Etapa 1

Foco na configuração da store do Redux e na integração dela em todo o aplicativo. A store do Redux serve como um local central para armazenar o estado da aplicação, e conectá-la ao app permite que os componentes acessem o estado e despachem ações.

Exemplo

Desafio

1. Abrir o arquivo store.js localizado na pasta redux.
2. Utilizar a função configureStore do pacote @reduxjs/toolkit para criar a store do Redux. Esta função fornece uma abordagem simplificada para configurar a store, com padrões sensatos e middleware embutido.
3. No arquivo index.js, modificar o código para integrar a store criada em todo o aplicativo.
4. Importar o componente Provider do pacote react-redux.
5. Envolver o componente App com o componente Provider. Isso torna a store do Redux disponível para todos os componentes do aplicativo.
6. Passar a prop store para o componente Provider. Isso conecta o aplicativo à store do Redux criada, permitindo que os componentes acessem o estado da store e despachem ações.

1. A função configureStore simplifica o processo de criação de uma store Redux ao fornecer padrões sensatos e middleware embutido.
2. O componente Provider do pacote react-redux é utilizado para disponibilizar a store Redux aos componentes.
3. Garantir que o componente Provider envolva o componente raiz do aplicativo (normalmente o componente App).