Criando 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.
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
What are the two options for introducing React Redux into a React app?
Can you explain the difference between the predefined tools and creating our own?
Why might we want to create our own Redux setup instead of using the predefined one?
Awesome!
Completion rate improved to 4.17
Criando 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.
Obrigado pelo seu feedback!