Agenda

• Czym jest POST CSS
• Ekosytem POST CSS'a (Pluginy)
• Wykorzystanie BEM
• Podejście do dark mode
• Dlaczego warto korzystać z POST CSS?
• Instalacja i konfiguracja

Przydatne linki

1. Dokumentacja POST CSSa - https://github.com/postcss/postcss
2. Pluginy do POST CSSa - https://github.com/postcss/postcss/blob/main/docs/plugins.md

Zadanie domowe

W celu utrwalenia wiadomości przekazanych na prezentacji przygotowaliśmy zadanie dla chętnych. Zadanie polega na zaimplementowaniu komponentu Button w oparciu o Figmę podlinkowaną poniżej. Aby skupić się wyłącznie na tematach związanych z prezentacją przygotowaliśmy dla was reactową częśc tego komponentu w src/button/Button.tsx.

Progress w zadaniu możecie obserwować korzystając ze Storybooka (żeby go odpalić wpisz npm run storybook w konsoli).

Na następnym spotkaniu (17 marca) porozmawiamy sobie na temat naszych rozwiązań.

Link do Figmy: https://www.figma.com/file/tHc91cCq6NGpBX9FI4BwcG/Comparing-CSS-frameworks?node-id=9698%3A85001