Weathertrack-ui-lib NPM

weathertack-ui-lib

Jak používat:

Vytvoření komponenty

Vytvořit složku s názvem komponenty v složce src/components (například: Button
Ve složce vytvořit soubor s koncovkou .types.ts (například: Button.types.js)
Vytvořit samotnout komponentu (například: Button.tsx)
Vytvořit soubor index.ts, který bude obsahovat export komponenty (například: export {default} from "./Button")
Vytvořit soubor .stories.tsx, který je potřeba pro zobrazení komponenty ve storybooku (například: Button.stories.tsx)
Vytvořit soubor s koncovkou .test.js, který je potřeba na otestování komponenty, zda funguje tak jak má (například: Button.test.js)

Storybook

Storybook se zapne pomocí: npm run storybook (otevře se v prohlížeči, kde uvidíte vaše komponenty) Odkaz na storybook dokumentaci: Tutorial

Testování komponent

Odkaz na dokumentaci jestu: Tutorial Stačí fakt jenom základní testy

Git

Vždy co musíte udělat, aby se nic nezkazilo: 1. když začínáte na něčem pracovat (vždyvky když si sednete k počítači), tak musíte udělat: git checkout develop 2. stáhnout si nejnovější změny: git pull origin develop 3. Udělat si novej branch pro to na čem budete pracovat: git checkout -b <jmenoprijmeni>/<jmeno komponenty> (pokud začínate novej branch, tak tady končíte) 4. Pokud jste tohle už udělali, tak krok 1 a 2 jsou stejné, jenom teď se musíte přepnout na váš branch pomocí: git checkout <jmenoprijmeni>/<jmeno komponenty> 5. Teď si musíte stáhnout změny z developu: git rebase develop 6. Můžete pracovat a dělat na komponentě 7. Až budete mít hotovo nebo budete az ten den končit, tak si musíte nahrát změny, aby se neztratily 8. git add . 9. git commit -m "co jste udělali" 10. git push 11. Pokud budete hotový úplně. tak vytvořte pull request z toho vašeho branche na develop branch a čekejte 11. Pokud přijdete další den, tak pro vás platí všechny kroky, až na 3. kde si vytvářítě branch.