Uw Eerste React Redux Toolkit-Project Maken
Als je een nieuw project start met Create React App en Redux Toolkit wilt instellen, kun je tijdens het aanmaken van het project de vlag --template redux gebruiken:
npx create-react-app my-redux-app --template redux
Hiermee wordt een nieuwe React-applicatie aangemaakt waarin Redux Toolkit al is geconfigureerd.
We hebben dezelfde lijst van geïnstalleerde libraries in dependencies in package.json, maar de hele app heeft al een vooraf gedefinieerde store, acties en 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 zullen hier niet alle vooraf gedefinieerde tools bekijken. We zullen in de toekomst onze eigen tools maken voor meer begrip en maatwerk.
Onthoud dat we twee opties hebben om de React Redux-bibliotheek aan onze React-app toe te voegen.
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
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.17Uw Eerste React Redux Toolkit-Project Maken
Veeg om het menu te tonen
Als je een nieuw project start met Create React App en Redux Toolkit wilt instellen, kun je tijdens het aanmaken van het project de vlag --template redux gebruiken:
npx create-react-app my-redux-app --template redux
Hiermee wordt een nieuwe React-applicatie aangemaakt waarin Redux Toolkit al is geconfigureerd.
We hebben dezelfde lijst van geïnstalleerde libraries in dependencies in package.json, maar de hele app heeft al een vooraf gedefinieerde store, acties en 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 zullen hier niet alle vooraf gedefinieerde tools bekijken. We zullen in de toekomst onze eigen tools maken voor meer begrip en maatwerk.
Onthoud dat we twee opties hebben om de React Redux-bibliotheek aan onze React-app toe te voegen.
Bedankt voor je feedback!
