Budowanie nowoczesnych systemów projektowych przy użyciu Storybook

Tworzenie spójnych i skalowalnych interfejsów użytkownika w wielu projektach internetowych może być wyzwaniem bez centralnego źródła prawdy. Wdrożenie solidnego systemu projektowego za pomocą Storybook rozwiązuje ten problem poprzez izolowanie komponentów i jasne dokumentowanie ich zachowania. Ten kurs tekstowy przeprowadzi Cię przez podstawy programowania opartego na komponentach (component-driven development). Przejdziesz od pisania rozproszonych elementów UI do projektowania spójnej biblioteki komponentów wielokrotnego użytku z dobrze zdefiniowanymi właściwościami i wariantami. Czego się nauczysz: Zrozumiesz podstawowe zasady systemów projektowych i programowania opartego na komponentach; Skonfigurujesz Storybook do izolowania, przeglądania i dokumentowania komponentów UI w różnych stanach; Będziesz efektywnie zarządzać właściwościami komponentów, wariantami i stanami dynamicznymi; Wdrożysz tokeny projektowe (design tokens) dla spójnych kolorów, typografii i odstępów; Zastosujesz podstawowe testy dostępności dla komponentów bezpośrednio w swoim przepływie pracy w Storybook; Przećwiczysz pisanie przejrzystej i czytelnej dokumentacji dla swojej biblioteki komponentów. Zaczniesz od podstawowych definicji systemów projektowych, a następnie przejdziesz do praktycznych struktur kodu, konfiguracji Storybook i tworzenia elastycznych wariantów komponentów. Kurs został zaprojektowany z myślą o początkujących programistach i projektantach UI, którzy chcą przejść na przepływy pracy oparte na komponentach; nie wymaga wcześniejszego doświadczenia ze Storybook. Zacznij czytać już dziś, aby budować czystsze i łatwiejsze w utrzymaniu interfejsy użytkownika.