Instalando o Redux Toolkit
1. Criar um Projeto React
Caso ainda não possua um projeto React, crie um utilizando o Create React App. Abra o terminal e execute:
npx create-react-app my-great-app
cd my-great-app
2. Instalando o Redux Toolkit
Navegue até o diretório do seu projeto e instale o Redux Toolkit:
npm install @reduxjs/toolkit
3. Instalando Dependências Adicionais
O Redux Toolkit pode exigir dependências adicionais como react-redux. Assim, é possível utilizar o Redux no React. Instale-as utilizando:
npm install react-redux
Após concluir todas as instruções, verifique se o arquivo package.json inclui as dependências listadas abaixo:
"dependencies": {
"@reduxjs/toolkit": "^1.9.7",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-redux": "^8.1.3",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
},
A estrutura do seu projeto deve ser semelhante ao seguinte:
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Can you explain what each dependency in the package.json is used for?
What should I do if my package versions are different from those listed?
Can you describe the main folders and files in the project structure?
Awesome!
Completion rate improved to 4.17
Instalando o Redux Toolkit
Deslize para mostrar o menu
1. Criar um Projeto React
Caso ainda não possua um projeto React, crie um utilizando o Create React App. Abra o terminal e execute:
npx create-react-app my-great-app
cd my-great-app
2. Instalando o Redux Toolkit
Navegue até o diretório do seu projeto e instale o Redux Toolkit:
npm install @reduxjs/toolkit
3. Instalando Dependências Adicionais
O Redux Toolkit pode exigir dependências adicionais como react-redux. Assim, é possível utilizar o Redux no React. Instale-as utilizando:
npm install react-redux
Após concluir todas as instruções, verifique se o arquivo package.json inclui as dependências listadas abaixo:
"dependencies": {
"@reduxjs/toolkit": "^1.9.7",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-redux": "^8.1.3",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
},
A estrutura do seu projeto deve ser semelhante ao seguinte:
Obrigado pelo seu feedback!