Neste exercício, você aprenderá como instalar o Redux Toolkit e suas dependências necessárias em um novo projeto React.

Pré-requisitos

Antes de prosseguir, certifique-se de que o Node.js e o NPM estão instalados em seu computador. Você pode verificar isso conferindo as versões instaladas. Se aparecerem os números das versões, prossiga com a tarefa. Caso contrário, consulte a documentação oficial do Node.js para instalá-los em sua máquina.

node -v
npm -v

Tarefa

Etapa 1: Criar um Novo Projeto React

Abra o terminal. Crie um novo projeto React utilizando o Create React App. Execute o seguinte comando:

npx create-react-app my-redux-app

Navegue até o diretório do projeto:

cd my-redux-app

Etapa 2: Instalar Redux Toolkit e Dependências

No diretório do projeto, execute o seguinte comando para instalar o Redux Toolkit:

npm install @reduxjs/toolkit

O Redux Toolkit pode exigir dependências adicionais. Instale-as utilizando o comando abaixo:

npm install react-redux

Etapa 3: Verificar a Instalação

1. Abra o editor de código e navegue até o diretório do projeto React;
2. Verifique o arquivo package.json no diretório raiz para garantir que as dependências necessárias estejam listadas;
3. As entradas para @reduxjs/toolkit e react-redux devem estar presentes na seção dependencies.

Etapa 4: Iniciar o servidor de desenvolvimento

1. Volte para o seu terminal;
2. Inicie o servidor de desenvolvimento executando:

npm start

Abra seu navegador e acesse http://localhost:3000. Sua aplicação React deve estar em execução.