Coding with style
Styleguide: czym jest i dlaczego powinniśmy go mieć
Bartosz Szczeciński
05.12.2018
@btmpl
medium.com/@baphemot
Pokaż źródło ...
- praca z dużymi, często zmniejącymi się aplikacjami jest męcząca i podatna na błędy
- błędy popełnione teraz mogą wrócić do nas w przyszłości
https://ibay.co.za/learning-from-lego-a-step-forward-in-modular-web-design/
- stnadaryzacja ułatwia pracę
- standaryzacja przyśpiesza pracę
- standaryzacja eliminuje pracę
- komponenty tworzone i testowane "w próżni" są bardziej odporne na zmiany z zewnątrz
- tworząc aplikacje powinniśmy dążyć do wytorzenia spójnego "doświadczenia" zarówno dla odbiorców jak i developerów
- mała czytelność "styleguide"
- nadaje się tylko dla programistów...
- ... i tak muszą znaleść komponent i skopiować go ze źródła
- brak interakcji z komponentami
- trudne zarządzanie
- słaby styleguide jest lepszy niż brak styleguide
- styleguide powinien być tworzony od samego początku
- styleguide powinien być dostępny dla wszystkich (developerów, biznesu i designerów)
https://github.com/react-cosmos/react-cosmos
https://github.com/storybooks/storybook
https://github.com/styleguidist/react-styleguidist/
react-storybook
Demo!
- dokumentacja komponentu
- knobs
Knobs!
Demo!
- dokumentacja komponentu
- live edit
- snapguidist
- react-styleguidist-visual
Coding with style
By btmpl
Coding with style
- 733