Inhaltsverzeichnis:

Wie erstelle ich ein Projekt in React Redux?
Wie erstelle ich ein Projekt in React Redux?

Video: Wie erstelle ich ein Projekt in React Redux?

Video: Wie erstelle ich ein Projekt in React Redux?
Video: The Complete Redux Toolkit + RTK Query Course for Beginners | Redux in 2 hours! 2024, März
Anonim

Zu schaffen eine neue Projekt , einfach npx voranstellen schaffen - reagieren -App redux -kra. Dies installiert schaffen - reagieren -app global (wenn sie nicht installiert wurde) und erstellt auch eine neue Projekt.

Redux-Store

  1. Hält den Anwendungsstatus.
  2. Ermöglicht den Zugriff auf den Zustand über getState().
  3. Ermöglicht das Aktualisieren des Zustands über "dispatch(action)".

Wie füge ich Redux in diesem Zusammenhang zu einem React-Projekt hinzu?

Schritt für Schritt: So fügen Sie Redux zu einer React-App hinzu

  1. Schritt 1: Importieren Sie Redux NPM-Pakete.
  2. Schritt 2: Erstellen Sie einen Reduzierer.
  3. Schritt 2: Erstellen Sie einen Redux-Store.
  4. Schritt 3: Umschließen Sie die Haupt-App-Komponente mit dem Anbieter.
  5. Schritt 4: Erstellen und verbinden Sie eine Containerkomponente.
  6. Schritt 5: Wählen Sie den Status aus dem Redux Store aus und transformieren Sie ihn.
  7. Schritt 6: Verwenden Sie den Status in der Präsentationskomponente.

Außerdem, wie erstellt man eine Produktions-App für Reaction? Diese Schritte funktionieren für jede React-App, die mit create-react-app erstellt wurde.

  1. Schritt 1: Erstellen Sie eine React-App.
  2. Schritt 2: Fügen Sie dem öffentlichen Ordner Ihr eigenes App-Symbol hinzu.
  3. Schritt 3: Erstellen Sie einen Express JS-Server, um Ihren Produktionsbuild bereitzustellen.
  4. Schritt 4: Erstellen Sie einen React-Produktionsbuild.
  5. Schritt 5: Verhindern, dass Quellcode bereitgestellt wird.

Zu wissen ist auch, wie man ein Reaction-Projekt startet?

Ein React-Projekt einrichten

  1. Schritt 1: Installieren Sie die Beispielanwendung. Klonen Sie das es6-tutorial-react-Repository: git clone
  2. Schritt 2: Richten Sie Babel und Webpack ein. Öffnen Sie eine Eingabeaufforderung und navigieren Sie (cd) zum Verzeichnis es6-tutorial-react.
  3. Schritt 3: Erstellen und ausführen.

Wie verwende ich die React Redux-App?

Einstieg

  1. Erstellen einer App. Um eine neue App zu erstellen, führen Sie Folgendes aus: create-react-redux-app-structure my-app cd my-app/
  2. Konfig vorbereiten. json für Build-Konfigurationen.
  3. Installation. npm install oder Garn installieren.
  4. Build-Skript ausführen. Schauen Sie sich den Abschnitt Build-Skripte an.
  5. Server ausführen. node index.js oder npm run server.

Empfohlen: