Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Erstellung Ihres Ersten React-Redux-Toolkit-Projekts | Einführung in das Redux Toolkit
Redux Toolkit & React

bookErstellung 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.

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 5

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 4.17

bookErstellung 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.

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 5
some-alt