Indholdsfortegnelse:
Video: Hvordan kører jeg storybook reagere?
2024 Forfatter: Lynn Donovan | [email protected]. Sidst ændret: 2023-12-15 23:45
Dette installeres af Storybook under automatisk opsætning (Storybook 5.3 eller nyere)
- Trin 1: Tilføj afhængigheder. Tilføje @ historiebog / reagere .
- Trin 2: Tilføj et npm-script. Tilføj derefter følgende NPM-script til din package.json for at starte historiebog senere i denne guide:
- Trin 3: Opret hovedfilen.
- Trin 4: Skriv dine historier.
Udover dette, hvordan bruger du storybook med reagere?
- Installation af Storybook. Disse 2 linjer kode vil installere Storybook i dit React-projekt: cd my-project-directory.
- Knops add-on. Mål: Rediger dine komponentegenskaber i realtid i Storybook.
- Storyshots tilføjelse. Mål: Tilføj automatisk Jest-snapshot-test til alle dine historier.
- Bonus: nogle flere tips.
På samme måde, hvordan reagerer du vært? Vær vært for et React-baseret websted gratis med Firebase Hosting, og opret forbindelse til dit eget tilpassede domæne
- Trin 1: Opret et nyt projekt i Firebase Console.
- Trin 2: Download og installer Node.js.
- Trin 3: Installer garn node-pakke.
- Trin 4: Opret en ny React-app.
- Trin 5: Installer firebase-tools npm-pakken.
Heraf, hvad er storybook for at reagere?
Historiebog er et open source-værktøj til at udvikle UI-komponenter isoleret til Reagere , Vue og Angular. Det gør bygningen af fantastiske brugergrænseflader organiseret og effektiv. Kom godt i gang Se video. Lavet til. Reagere.
Hvordan starter jeg historiebog?
Dette installeres af Storybook under automatisk opsætning (Storybook 5.3 eller nyere)
- Trin 1: Tilføj afhængigheder. Tilføj @storybook/react.
- Trin 2: Tilføj et npm-script. Tilføj derefter følgende NPM-script til din package.json for at starte historiebogen senere i denne vejledning:
- Trin 3: Opret hovedfilen.
- Trin 4: Skriv dine historier.
Anbefalede:
Skal jeg lære at reagere eller reagere indfødt først?
Hvis du tilfældigvis er bekendt med mobiludvikling, kan det være bedre at starte med React Native. Du vil lære alt det grundlæggende i React i denne indstilling i stedet for at lære dem i et webmiljø. Du lærer React, men skal stadig bruge HTML og CSS, som ikke er nyt for dig
Hvordan tilføjer jeg Google-skrifttyper for at reagere?
Inkluder Google Fonts Our React. js-appen bruger en enkelt HTML-fil. Gå videre og rediger offentlig/indeks. html og tilføj følgende linje i HTML-sektionen for at inkludere de to skrifttyper
Hvordan forbinder jeg firebase for at reagere native?
Gå til https://firebase.google.com og klik på "Gå til konsol" øverst til højre. Sørg for, at du bruger den nyeste version af Firebase og ikke https://www.firebaseio.com. Gå derefter til fanen "Godkendelse" > fanen "Loginmetode" og aktiver "E-mail/adgangskode" som din(e) loginudbyder(e). og det er det
Hvordan åbner jeg reagere på udviklerværktøjer?
Den hurtigste måde at åbne React Devtools på er at højreklikke på din side og vælge inspicer. Hvis du har brugt Chrome eller Firefoxs udviklerværktøjer, burde denne visning se lidt bekendt ud for dig
Hvordan bruger jeg reagere i Visual Studio?
Js og React app - Visual Studio | Microsoft Docs. I Solution Explorer (højre rude), højreklik på npm-noden i projektet og vælg Installer nye npm-pakker. I dialogboksen Installer nye npm-pakker skal du søge efter react-pakken og vælge Installer pakke for at installere den