Creating Your First React Redux Toolkit Project
If you're starting a new project with Create React App and want to set up Redux Toolkit, you can use the --template redux
flag during project creation:
npx create-react-app my-redux-app --template redux
This will create a new React application with Redux Toolkit already configured.
We have the same list of installed libraries in dependencies
in package.json
, but the whole app already has predefined store, actions, and reducer.
"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"
},
We won't inspect all predefined tools here. We'll create our own in the future for more understanding and customization.
Remember that we have two options to introduce the React Redux library into our React app.
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 to introduce React Redux into a React app?
Can you explain the difference between the predefined tools and creating our own?
Why would we want to create our own store, actions, and reducers instead of using the predefined ones?
Awesome!
Completion rate improved to 4.17
Creating Your First React Redux Toolkit Project
Deslize para mostrar o menu
If you're starting a new project with Create React App and want to set up Redux Toolkit, you can use the --template redux
flag during project creation:
npx create-react-app my-redux-app --template redux
This will create a new React application with Redux Toolkit already configured.
We have the same list of installed libraries in dependencies
in package.json
, but the whole app already has predefined store, actions, and reducer.
"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"
},
We won't inspect all predefined tools here. We'll create our own in the future for more understanding and customization.
Remember that we have two options to introduce the React Redux library into our React app.
Obrigado pelo seu feedback!