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.