Innehållsförteckning:
Video: Hur kör jag storybook reagera?
2024 Författare: Lynn Donovan | [email protected]. Senast ändrad: 2023-12-15 23:53
Detta installeras av Storybook under automatisk installation (Storybook 5.3 eller senare)
- Steg 1: Lägg till beroenden. Lägg till @ sagobok / reagera .
- Steg 2: Lägg till ett npm-skript. Lägg sedan till följande NPM-skript till din package.json för att starta sagobok längre fram i den här guiden:
- Steg 3: Skapa huvudfilen.
- Steg 4: Skriv dina berättelser.
Utöver detta, hur använder du storybook With react?
- Installation av sagobok. Dessa två rader kod kommer att installera Storybook i ditt React-projekt: cd my-project-directory.
- Knobs-tillägg. Mål: Redigera dina komponentegenskaper i realtid i Storybook.
- Storyshots-tillägg. Mål: Lägg till automatisk test av Jest ögonblicksbild till alla dina berättelser.
- Bonus: lite fler tips.
På samma sätt, hur reagerar du som värd? Hosta en React-baserad webbplats utan kostnad med Firebase Hosting och anslut till din egen anpassade domän
- Steg 1: Skapa ett nytt projekt i Firebase Console.
- Steg 2: Ladda ner och installera Node.js.
- Steg 3: Installera garnnodpaketet.
- Steg 4: Skapa en ny React-app.
- Steg 5: Installera firebase-tools npm-paketet.
Härav, vad är storybook för att reagera?
Sagobok är ett verktyg med öppen källkod för att utveckla UI-komponenter isolerat för Reagera , Vue och Angular. Det gör att bygga fantastiska användargränssnitt organiserat och effektivt. Kom igång Titta på video. Gjord för. Reagera.
Hur börjar jag sagobok?
Detta installeras av Storybook under automatisk installation (Storybook 5.3 eller senare)
- Steg 1: Lägg till beroenden. Lägg till @storybook/react.
- Steg 2: Lägg till ett npm-skript. Lägg sedan till följande NPM-skript till din package.json för att starta sagoboken senare i den här guiden:
- Steg 3: Skapa huvudfilen.
- Steg 4: Skriv dina berättelser.
Rekommenderad:
Ska jag lära mig reagera eller reagera native först?
Om du råkar vara bekant med mobilutveckling kan det vara bättre att börja med React Native. Du kommer att lära dig alla grunderna i React i den här miljön istället för att lära dig dem i en webbmiljö. Du lär dig React men måste fortfarande använda HTML och CSS som inte är nya för dig
Hur lägger jag till Google-teckensnitt för att reagera?
Inkludera Google Fonts Our React. js app använder en enda HTML-fil. Fortsätt och redigera offentligt/index. html och lägg till följande rad i HTML-delen för att inkludera de två typsnitten
Hur ansluter jag Firebase för att reagera native?
Gå till https://firebase.google.com och klicka på "Gå till konsolen" uppe till höger. Se till att du använder den senaste versionen av Firebase och inte https://www.firebaseio.com. Gå sedan till fliken "Auth" > "Inloggningsmetod"-fliken och aktivera "E-post/lösenord" som din(a) inloggningsleverantör(er). och det är allt
Hur öppnar jag reagera på utvecklarverktyg?
Det snabbaste sättet att öppna React Devtools är att högerklicka på din sida och välja inspektera. Om du har använt Chrome eller Firefoxs utvecklarverktyg bör den här vyn se lite bekant ut för dig
Hur lägger jag till Redux för att reagera projekt?
Steg-för-steg: Så här lägger du till Redux i en React-app Steg 1: Importera Redux NPM-paket. Steg 2: Skapa en Reducer. Steg 2: Skapa en Redux-butik. Steg 3: Slå in huvudappkomponenten med leverantören. Steg 4: Skapa och anslut en containerkomponent. Steg 5: Välj och transformera tillstånd från Redux Store. Steg 6: Använd tillståndet i presentationskomponenten