weathertack-ui-lib

Jak používat:

Vytvoření komponenty

1. Vytvořit složku s názvem komponenty v složce src/components (například: Button
2. Ve složce vytvořit soubor s koncovkou .types.ts (například: Button.types.js)
3. Vytvořit samotnout komponentu (například: Button.tsx)
4. Vytvořit soubor index.ts, který bude obsahovat export komponenty (například: export {default} from "./Button")
5. Vytvořit soubor .stories.tsx, který je potřeba pro zobrazení komponenty ve storybooku (například: Button.stories.tsx)
6. 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
12. Pokud přijdete další den, tak pro vás platí všechny kroky, až na 3. kde si vytvářítě branch.

Věci na deploy (budu dělat já)

1. npm run build
2. npm login
3. npm publish --access public

NPM

weathertrack-ui-lib

Example setup

setup