Hvordan kjører jeg storybook reagere?
Hvordan kjører jeg storybook reagere?

Innholdsfortegnelse:

Anonim

Dette installeres av Storybook under automatisk oppsett (Storybook 5.3 eller nyere)

  1. Trinn 1: Legg til avhengigheter. Legge til @ historiebok / reagere .
  2. Trinn 2: Legg til et npm-skript. Legg deretter til følgende NPM-skript til package.json for å starte historiebok senere i denne veiledningen:
  3. Trinn 3: Lag hovedfilen.
  4. Trinn 4: Skriv historiene dine.

Ved siden av dette, hvordan bruker du storybook With react?

  1. Installasjon av Storybook. Disse to linjene med kode vil installere Storybook i ditt React-prosjekt: cd my-project-directory.
  2. Knotter-tillegg. Mål: Rediger komponentegenskapene dine i sanntid i Storybook.
  3. Storyshots-tillegg. Mål: Legg til automatisk Jest-øyeblikksbildetesting til alle historiene dine.
  4. 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

  1. Trinn 1: Opprett et nytt prosjekt i Firebase-konsollen.
  2. Trinn 2: Last ned og installer Node.js.
  3. Trinn 3: Installer garnnode-pakken.
  4. Trinn 4: Opprett en ny React-app.
  5. 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)

  1. Trinn 1: Legg til avhengigheter. Legg til @storybook/react.
  2. Trinn 2: Legg til et npm-skript. Legg deretter til følgende NPM-skript til package.json for å starte historieboken senere i denne veiledningen:
  3. Trinn 3: Lag hovedfilen.
  4. Trinn 4: Skriv historiene dine.

Anbefalt:

Bør jeg lære å reagere eller reagere innfødt først?

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?

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?

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?

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?

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