## Übung
Sobald der Store konfiguriert ist, kann er in der App verwendet werden. Wir müssen den `store` der gesamten App bereitstellen. Wir werden dies in der Datei `index.js` tun.
```js
import React from "react";
import ReactDOM from "react-dom/client";
import { Provider } from "react-redux";
import App from "./App/App";
import store from "./redux/store";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <Provider store={store}>
    <React.StrictMode>
      <App />
    </React.StrictMode>
  </Provider>
);
```

**Code-Erklärung:** Integration des Redux-Stores in eine React-App unter Verwendung der `react-redux`-Bibliothek. Lassen Sie uns dies Schritt für Schritt aufschlüsseln.
- Zeile 3: Importieren Sie die `Provider`-Komponente aus der `react-redux`-Bibliothek;
- Zeile 5: Importieren Sie das `store`-Objekt aus einer Datei namens `store.js`, die sich in einem Ordner namens `redux` befindet;
- Zeile 9-13: Die `Provider`-Komponente umschließt die `App`-Komponente. Die `Provider`-Komponente ist eine höherwertige Komponente, die von `react-redux` bereitgestellt wird und den Redux-Store für die Komponenten in der App verfügbar macht;
- Zeile 9: Das `store`-Objekt wird als Prop an die `Provider`-Komponente übergeben. Dieses Prop heißt `store`, und sein Wert ist das importierte `store`-Objekt.

Was ist der Zweck der `Provider`-Komponente aus der `react-redux`-Bibliothek?

Welches Prop wird verwendet, um den Redux-Store an die `Provider`-Komponente zu übergeben?

Entdecken Sie die Leistungsfähigkeit von Redux Toolkit in Verbindung mit React und verbessern Sie Ihre Fähigkeiten im Zustandsmanagement. Dieser Kurs führt umfassend in Redux Toolkit ein, eine leistungsstarke Bibliothek zur Verwaltung von Zuständen. Lernen Sie, wie Sie Ihr Redux-Setup optimieren, komplexe Zustandslogik vereinfachen und effiziente, skalierbare React-Anwendungen erstellen können.

Erkunden Sie die grundlegenden Konzepte des Zustandsmanagements und zeigen Sie, wie Sie die Leistungsfähigkeit des Redux Toolkits nutzen können. Wir führen Sie durch den Installationsprozess und helfen Ihnen, Ihr erstes React Redux Toolkit-Projekt zu erstellen. Zusätzlich erwartet Sie eine Herausforderung, um Ihr Verständnis und Ihre Fähigkeiten zu testen.

Untersuchen Sie die Integration von Redux in React-Anwendungen und decken Sie dabei die Kernkonzepte ab: Aktionen, Reducer und den Redux-Store. Beinhaltet praktische Beispiele und Codeerklärungen zur Konfiguration eines Stores, zur Erstellung von Reducern und zur Verbindung von React-Komponenten über Hooks wie useSelector und useDispatch.

Verbessern Sie Ihre Fähigkeiten im Zustandsmanagement. In diesem praxisnahen Workshop bewältigen Sie reale Herausforderungen und sammeln praktische Erfahrungen mit dem Redux Toolkit für eine nahtlose Anwendungsentwicklung.

Redux Toolkit & React

Integration des Redux Stores in die App

Übung

1. Was ist der Zweck der `Provider`-Komponente aus der `react-redux`-Bibliothek?

2. Welches Prop wird verwendet, um den Redux-Store an die `Provider`-Komponente zu übergeben?

Redux Toolkit & React

Integration des Redux Stores in die App

Übung

1. Was ist der Zweck der Provider-Komponente aus der react-redux-Bibliothek?

2. Welches Prop wird verwendet, um den Redux-Store an die Provider-Komponente zu übergeben?

1. Was ist der Zweck der `Provider`-Komponente aus der `react-redux`-Bibliothek?

2. Welches Prop wird verwendet, um den Redux-Store an die `Provider`-Komponente zu übergeben?