Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Criando Seu Primeiro Projeto React Redux Toolkit | Introdução ao Redux Toolkit
Gerenciamento de Estado com Redux Toolkit no React

bookCriando Seu Primeiro Projeto React Redux Toolkit

Se estiver iniciando um novo projeto com o Create React App e deseja configurar o Redux Toolkit, utilize a flag --template redux durante a criação do projeto:

npx create-react-app my-redux-app --template redux

Isso criará uma nova aplicação React já configurada com o Redux Toolkit.

Temos a mesma lista de bibliotecas instaladas em dependencies no package.json, mas todo o aplicativo já possui store, actions e reducer predefinidos.

"dependencies": {
  "@reduxjs/toolkit": "^1.9.7",
  "@testing-library/jest-dom": "^5.17.0",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^14.5.1",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-redux": "^8.1.3",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

Não iremos analisar todas as ferramentas predefinidas aqui. Criaremos as nossas próprias futuramente para maior compreensão e personalização.

Lembre-se de que temos duas opções para introduzir a biblioteca React Redux em nossa aplicação React.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 5

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 4.17

bookCriando Seu Primeiro Projeto React Redux Toolkit

Deslize para mostrar o menu

Se estiver iniciando um novo projeto com o Create React App e deseja configurar o Redux Toolkit, utilize a flag --template redux durante a criação do projeto:

npx create-react-app my-redux-app --template redux

Isso criará uma nova aplicação React já configurada com o Redux Toolkit.

Temos a mesma lista de bibliotecas instaladas em dependencies no package.json, mas todo o aplicativo já possui store, actions e reducer predefinidos.

"dependencies": {
  "@reduxjs/toolkit": "^1.9.7",
  "@testing-library/jest-dom": "^5.17.0",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^14.5.1",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-redux": "^8.1.3",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

Não iremos analisar todas as ferramentas predefinidas aqui. Criaremos as nossas próprias futuramente para maior compreensão e personalização.

Lembre-se de que temos duas opções para introduzir a biblioteca React Redux em nossa aplicação React.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 5
some-alt