Inhaltsverzeichnis:

Wie führe ich Storybook-Reaktionen aus?
Wie führe ich Storybook-Reaktionen aus?

Video: Wie führe ich Storybook-Reaktionen aus?

Video: Wie führe ich Storybook-Reaktionen aus?
Video: Using Water to Make Fire 2024, Kann
Anonim

Dies wird von Storybook während des automatischen Setups installiert (Storybook 5.3 oder neuer)

  1. Schritt 1: Abhängigkeiten hinzufügen. Hinzufügen @ Märchenbuch / reagieren .
  2. Schritt 2: Fügen Sie ein npm-Skript hinzu. Fügen Sie dann das folgende NPM-Skript zu Ihrer package.json hinzu, um das zu starten Märchenbuch später in dieser Anleitung:
  3. Schritt 3: Erstellen Sie die Hauptdatei.
  4. Schritt 4: Schreiben Sie Ihre Geschichten.

Abgesehen davon, wie verwenden Sie Storybook With Reaction?

  1. Installation des Storybooks. Diese 2 Codezeilen installieren Storybook in Ihrem React-Projekt: cd my-project-directory.
  2. Knöpfe Add-On. Ziel: Bearbeiten Sie Ihre Komponenteneigenschaften in Echtzeit in Storybook.
  3. Storyshots-Add-On. Ziel: Fügen Sie allen Ihren Storys automatische Jest-Snapshot-Tests hinzu.
  4. Bonus: noch ein paar Tipps.

Wie reagieren Sie als Gastgeber? Hosten Sie kostenlos eine React-basierte Website mit Firebase Hosting und verbinden Sie sich mit Ihrer eigenen benutzerdefinierten Domain

  1. Schritt 1: Erstellen Sie ein neues Projekt in der Firebase Console.
  2. Schritt 2: Laden Sie Node.js herunter und installieren Sie es.
  3. Schritt 3: Garnknotenpaket installieren.
  4. Schritt 4: Erstellen Sie eine neue React-App.
  5. Schritt 5: Installieren Sie das npm-Paket von firebase-tools.

Hiervon, was ist Märchenbuch für reagieren?

Märchenbuch ist ein Open-Source-Tool zur isolierten Entwicklung von UI-Komponenten für Reagieren , Vue und Angular. Es macht das Erstellen beeindruckender Benutzeroberflächen organisiert und effizient. Erste Schritte Video ansehen. Gemacht für. Reagieren.

Wie starte ich ein Märchenbuch?

Dies wird von Storybook während des automatischen Setups installiert (Storybook 5.3 oder neuer)

  1. Schritt 1: Abhängigkeiten hinzufügen. @storybook/reagieren hinzufügen.
  2. Schritt 2: Fügen Sie ein npm-Skript hinzu. Fügen Sie dann das folgende NPM-Skript zu Ihrer package.json hinzu, um das Storybook später in diesem Handbuch zu starten:
  3. Schritt 3: Erstellen Sie die Hauptdatei.
  4. Schritt 4: Schreiben Sie Ihre Geschichten.

Empfohlen: