Erstellung Ihres Ersten React-Redux-Toolkit-Projekts
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 App 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 Tools untersuchen. In Zukunft erstellen wir unsere eigenen, um ein besseres Verständnis und mehr Anpassungsmöglichkeiten zu erhalten.
Beachten Sie, dass wir zwei Möglichkeiten haben, die React Redux-Bibliothek in unsere React-Anwendung einzubinden.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 4.17
Erstellung Ihres Ersten React-Redux-Toolkit-Projekts
Swipe um das Menü anzuzeigen
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 App 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 Tools untersuchen. In Zukunft erstellen wir unsere eigenen, um ein besseres Verständnis und mehr Anpassungsmöglichkeiten zu erhalten.
Beachten Sie, dass wir zwei Möglichkeiten haben, die React Redux-Bibliothek in unsere React-Anwendung einzubinden.
Danke für Ihr Feedback!