Innholdsfortegnelse:
Video: Hvordan kjører jeg storybook reagere?
2024 Forfatter: Lynn Donovan | [email protected]. Sist endret: 2023-12-15 23:51
Dette installeres av Storybook under automatisk oppsett (Storybook 5.3 eller nyere)
- Trinn 1: Legg til avhengigheter. Legge til @ historiebok / reagere .
- Trinn 2: Legg til et npm-skript. Legg deretter til følgende NPM-skript til package.json for å starte historiebok senere i denne veiledningen:
- Trinn 3: Lag hovedfilen.
- Trinn 4: Skriv historiene dine.
Ved siden av dette, hvordan bruker du storybook With react?
- Installasjon av Storybook. Disse to linjene med kode vil installere Storybook i ditt React-prosjekt: cd my-project-directory.
- Knotter-tillegg. Mål: Rediger komponentegenskapene dine i sanntid i Storybook.
- Storyshots-tillegg. Mål: Legg til automatisk Jest-øyeblikksbildetesting til alle historiene dine.
- Bonus: noen flere tips.
På samme måte, hvordan reagerer du vert? Vær vert for et React-basert nettsted gratis med Firebase Hosting og koble til ditt eget tilpassede domene
- Trinn 1: Opprett et nytt prosjekt i Firebase-konsollen.
- Trinn 2: Last ned og installer Node.js.
- Trinn 3: Installer garnnode-pakken.
- Trinn 4: Opprett en ny React-app.
- Trinn 5: Installer firebase-tools npm-pakken.
Herav, hva er storybook for å reagere?
Historiebok er et åpen kildekodeverktøy for å utvikle UI-komponenter isolert for Reagere , Vue og Angular. Det gjør det organisert og effektivt å bygge fantastiske brukergrensesnitt. Kom i gang Se video. Laget for. Reagere.
Hvordan starter jeg historiebok?
Dette installeres av Storybook under automatisk oppsett (Storybook 5.3 eller nyere)
- Trinn 1: Legg til avhengigheter. Legg til @storybook/react.
- Trinn 2: Legg til et npm-skript. Legg deretter til følgende NPM-skript til package.json for å starte historieboken senere i denne veiledningen:
- Trinn 3: Lag hovedfilen.
- Trinn 4: Skriv historiene dine.
Anbefalt:
Bør jeg lære å reagere eller reagere innfødt først?
Hvis du tilfeldigvis er kjent med mobilutvikling, kan det være bedre å starte med React Native. Du vil lære alt det grunnleggende om React i denne innstillingen i stedet for å lære dem i et nettmiljø. Du lærer React, men må fortsatt bruke HTML og CSS som ikke er nytt for deg
Hvordan legger jeg til Google-fonter for å reagere?
Inkluder Google Fonts Our React. js-appen bruker en enkelt HTML-fil. Gå videre og rediger offentlig/indeks. html og legg til følgende linje i delen av HTML-en for å inkludere de to skrifttypene
Hvordan kobler jeg til firebase for å reagere native?
Gå til https://firebase.google.com og klikk "Gå til konsoll" øverst til høyre. Sørg for at du bruker den nyeste versjonen av Firebase og ikke https://www.firebaseio.com. Deretter går du til "Auth"-fanen > "Påloggingsmetode"-fanen og aktiverer "E-post/passord" som din(e) påloggingsleverandør(er). og det er det
Hvordan åpner jeg reagere på utviklerverktøy?
Den raskeste måten å åpne React Devtools på er å høyreklikke på siden din og velge inspiser. Hvis du har brukt Chrome eller Firefoxs utviklerverktøy, bør denne visningen se litt kjent ut for deg
Hvordan bruker jeg reagere i Visual Studio?
Js og React-appen - Visual Studio | Microsoft Docs. I Solution Explorer (høyre rute), høyreklikk på npm-noden i prosjektet og velg Installer nye npm-pakker. I dialogboksen Installer nye npm-pakker, søk etter react-pakken, og velg Installer pakke for å installere den