Lekcja tekstowa
Możliwości stylowania aplikacji powstałych z użyciem biblioteki React jest bardzo dużo. W tym materiale pokażę Ci kilka z nich, po czym skupimy się na rozwiązaniu z grupy CSS in JS o nazwie Styled Components. Obecnie rozwiązanie to jest jednym z najchętniej używanych. Dlaczego? O tym dowiesz się już niebawem. W tym materiale skupimy się również na dodatkowej konfiguracji webpacka, aby móc poprawnie generować pliki produkcyjne naszej aplikacji.
Przeczytaj więcej w ebooku React: Stylowanie
Pobierz PDF, aby wygodnie zapoznać się z ebookiem na dowolnym urządzeniu.
Lekcja audio
Możliwości stylowania aplikacji powstałych z użyciem biblioteki React jest bardzo dużo. W tym materiale pokażę Ci kilka z nich, po czym skupimy się na rozwiązaniu z grupy CSS in JS o nazwie Styled Components. Obecnie rozwiązanie to jest jednym z najchętniej używanych. Dlaczego? O tym dowiesz się już niebawem. W tym materiale skupimy się również na dodatkowej konfiguracji webpacka, aby móc poprawnie generować pliki produkcyjne naszej aplikacji.
Przeczytaj więcej w ebooku React: Stylowanie
Pobierz PDF, aby wygodnie zapoznać się z ebookiem na dowolnym urządzeniu.
Zadanie
Możliwości stylowania aplikacji powstałych z użyciem biblioteki React jest bardzo dużo. W tym materiale pokażę Ci kilka z nich, po czym skupimy się na rozwiązaniu z grupy CSS in JS o nazwie Styled Components. Obecnie rozwiązanie to jest jednym z najchętniej używanych. Dlaczego? O tym dowiesz się już niebawem. W tym materiale skupimy się również na dodatkowej konfiguracji webpacka, aby móc poprawnie generować pliki produkcyjne naszej aplikacji.
Przeczytaj więcej w ebooku React: Stylowanie
Pobierz PDF, aby wygodnie zapoznać się z ebookiem na dowolnym urządzeniu.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Warsztat będzie omawiać poniższe zagadnienia. Informacje na ich temat znajdziesz zarówno w części teoretycznej, jak i praktycznej, tj. w zadaniach oraz projekcie.
- Wprowadzenie
- Atrybut style
- Atrybut className
- Biblioteka classnames - Import i eksport plików
- CSS
-Sass
- Pliki produkcyjne - Styled Components
- CSS in JS
- Wprowadzenie
- props
- Rozszerzone style
- Podział na pliki
- Style globalne
- Atrybuty
- Theme
- @media
- Animacje
- Zarządzanie zasobami
- Podsumowanie
Co wchodzi w skład warsztatu?
- PDF w formie prezentacji, który zawiera wyjaśnienie zagadnień wraz z przykładami kodu (zobacz darmowy warsztat).
- Zadania do samodzielnego wykonania w serwisie GitHub (wymagane darmowe konto).
- Omówienie i przedstawienie rozwiązań zadań w formie wideo.
- Projekt do samodzielnego wykonania, który można wykorzystać w portfolio.
- Wideo z przykładowym Code Review projektów – omówienie dobrych praktyk i najczęściej popełnianych błędów.