Πίνακας περιεχομένων:

Πώς μπορώ να εκτελέσω το βιβλίο ιστοριών αντιδρά;
Πώς μπορώ να εκτελέσω το βιβλίο ιστοριών αντιδρά;

Βίντεο: Πώς μπορώ να εκτελέσω το βιβλίο ιστοριών αντιδρά;

Βίντεο: Πώς μπορώ να εκτελέσω το βιβλίο ιστοριών αντιδρά;
Βίντεο: Γιατί σας δαγκώνει η γάτα σας και τι σημαίνει; // Άκου να δεις! 2024, Ενδέχεται
Anonim

Αυτό εγκαθίσταται από το Storybook κατά την αυτόματη ρύθμιση (Storybook 5.3 ή νεότερο)

  1. Βήμα 1: Προσθήκη εξαρτήσεων. Προσθήκη @ βιβλίο με παραμύθια / αντιδρώ .
  2. Βήμα 2: Προσθέστε ένα σενάριο npm. Στη συνέχεια, προσθέστε την ακόλουθη δέσμη ενεργειών NPM στο package.json σας για να ξεκινήσετε το βιβλίο με παραμύθια αργότερα σε αυτόν τον οδηγό:
  3. Βήμα 3: Δημιουργήστε το κύριο αρχείο.
  4. Βήμα 4: Γράψτε τις ιστορίες σας.

Εκτός από αυτό, πώς χρησιμοποιείτε το παραμύθι With react;

  1. Εγκατάσταση του Storybook. Αυτές οι 2 γραμμές κώδικα θα εγκαταστήσουν το Storybook στο έργο React: cd my-project-directory.
  2. Πρόσθετο πόμολα. Στόχος: Επεξεργαστείτε τις ιδιότητες των στοιχείων σας σε πραγματικό χρόνο στο Storybook.
  3. Πρόσθετο Storyshots. Στόχος: Προσθέστε την αυτόματη δοκιμή στιγμιότυπου Jest σε όλες τις ιστορίες σας.
  4. Μπόνους: μερικές ακόμη συμβουλές.

Παρομοίως, πώς αντιδράτε ο οικοδεσπότης; Φιλοξενήστε έναν ιστότοπο που βασίζεται στο React χωρίς κόστος με το Firebase Hosting και συνδεθείτε με τον δικό σας προσαρμοσμένο τομέα

  1. Βήμα 1: Δημιουργήστε ένα νέο έργο στο Firebase Console.
  2. Βήμα 2: Λήψη και εγκατάσταση του Node.js.
  3. Βήμα 3: Εγκαταστήστε το πακέτο κόμβου νήματος.
  4. Βήμα 4: Δημιουργήστε μια νέα εφαρμογή React.
  5. Βήμα 5: Εγκαταστήστε το πακέτο firebase-tools npm.

Από εδώ, τι είναι το storybook for react;

Βιβλίο ιστοριών είναι ένα εργαλείο ανοιχτού κώδικα για την ανάπτυξη στοιχείων διεπαφής χρήστη μεμονωμένα για Αντιδρώ , Vue και Angular. Κάνει τη δημιουργία εκπληκτικών διεπαφής χρήστη οργανωμένη και αποτελεσματική. Ξεκινήστε Δείτε βίντεο. Φτιαγμένο για. Αντιδρώ.

Πώς μπορώ να ξεκινήσω το βιβλίο παραμυθιών;

Αυτό εγκαθίσταται από το Storybook κατά την αυτόματη ρύθμιση (Storybook 5.3 ή νεότερο)

  1. Βήμα 1: Προσθήκη εξαρτήσεων. Προσθήκη @storybook/react.
  2. Βήμα 2: Προσθέστε ένα σενάριο npm. Στη συνέχεια, προσθέστε το ακόλουθο σενάριο NPM στο package.json σας για να ξεκινήσετε το βιβλίο ιστοριών αργότερα σε αυτόν τον οδηγό:
  3. Βήμα 3: Δημιουργήστε το κύριο αρχείο.
  4. Βήμα 4: Γράψτε τις ιστορίες σας.

Συνιστάται: