Wenn Sie ein neues Projekt mit Create React App starten und Redux Toolkit einrichten möchten, können Sie beim Erstellen des Projekts das Flag --template redux verwenden:

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

Dadurch wird eine neue React-Anwendung erstellt, in der Redux Toolkit bereits vorkonfiguriert ist.

Wir haben die gleiche Liste installierter Bibliotheken in dependencies in der package.json, aber die gesamte Anwendung verfügt bereits über einen vordefinierten Store, Actions und 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"
},

Wir werden hier nicht alle vordefinierten Werkzeuge untersuchen. Zukünftig erstellen wir eigene, um ein besseres Verständnis und mehr Anpassungsmöglichkeiten zu erhalten.

Beachten Sie, dass es zwei Möglichkeiten gibt, die React Redux-Bibliothek in unsere React-Anwendung einzubinden.