React: Stylowanie

Możliwości stylowania aplikacji zbudowanych w Reakcie jest bardzo dużo. Ten moduł pokazuje kilka z nich, a następnie skupia się na rozwiązaniu z grupy CSS-in-JS — Styled Components, jednym z najchętniej używanych obecnie rozwiązań — wraz z dodatkową konfiguracją webpacka potrzebną do poprawnego generowania plików produkcyjnych.

Czego się nauczysz

• Podstawowych sposobów stylowania komponentów (atrybut style, className, biblioteka classnames)
• Importu i eksportu plików CSS/Sass oraz generowania plików produkcyjnych
• Pracy ze Styled Components: props, rozszerzonych stylów, podziału na pliki, stylów globalnych, motywów (theme), @media i animacji
• Zarządzania zasobami (np. grafikami) i plikami ze stylami
• Dobrych praktyk stylowania w Reakcie i najczęstszych błędów popełnianych przez osoby początkujące

Co obejmuje moduł

• Materiał w formie PDF z wyjaśnieniem zagadnień i przykładami kodu
• Zadanie do samodzielnego wykonania w repozytorium GitHub, sprawdzane w code review
• Projekt, który można wykorzystać w portfolio
• Omówienie dobrych praktyk i najczęściej popełnianych błędów w code review

Dla kogo jest ten moduł

Dla osób, które chcą sprawdzić swój poziom wiedzy z stylowania komponentów reactowych, szukają projektu do portfolio na odpowiednim poziomie trudności i wolą mieć wiedzę uporządkowaną w jednym miejscu, z możliwością konsultacji podczas code review.