Zamień ten tekst na URL Webhooka

React: Stylowanie

Możliwości stylowania aplikacji powstałych z użyciem biblioteki React jest bardzo dużo. Podczas tego warsztatu 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. Na warsztacie skupimy się również na dodatkowej konfiguracji webpacka, aby móc poprawnie generować pliki produkcyjne naszej aplikacji.

Czego się nauczysz?

  • Zrozumiesz, na czym polegają różne sposoby stylowania komponentów oraz poznasz ich zalety i wady.
  • Nauczysz się zastosowania biblioteki Styled Components.
  • Poznasz dobre praktyki zarządzania stylami w Reakcie oraz obsługi zasobów (jak np. grafiki) i plików ze stylami.
  • Zobaczysz, jakie błędy popełniają osoby początkujące i jak ich unikać.
  • Przyswoisz najnowszą wiedzę, ponieważ materiał jest regularnie aktualizowany.

Program

No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.

Opis

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.

  1. Wprowadzenie
    - Atrybut style
    - Atrybut className
    - Biblioteka classnames
  2. Import i eksport plików
    - CSS
    -Sass
    - Pliki produkcyjne
  3. 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.

Ten produkt jest dla Ciebie, jeśli…

  • Chcesz sprawdzić, czy posiadasz odpowiedni poziom wiedzy ze stylowania komponentów reactowych, aby móc pójść dalej z nauką.
  • Poszukujesz projektu (również do portfolio) na odpowiednim poziomie trudności – będącego wyzwaniem, ale jednocześnie nie zniechęcającego do dalszej nauki.
  • Chcesz mieć dostęp do wiedzy w jednym miejscu (PDF), w którym zawsze możesz wygodnie znaleźć rozwiązanie problemu.
  • Potrzebujesz wyjaśnienia zadań w formie wideo, dzięki któremu może lepiej zrozumieć zagadnienie.
  • Oczekujesz kilku przykładowych projektów z Code Review, na których możesz się wzorować.
  • Masz już za sobą warsztat z React: Nowoczesny.

Najczęściej zadawane pytania

Nie ma tu jeszcze żadnych pytań. Uzupełnij je w CMS.

Autor

Autorzy

Mateusz Bogolubow
Mateusz Bogolubow

Programowanie stało się moją pasją jeszcze przed dwudziestką, a zawodem – gdy założyłem firmę programistyczną podczas studiów. Przez kilka lat uczyłem kursantów na bootcampie, by później zmienić podejście na mentoring jako bardziej efektywny sposób przekazywania wiedzy. Poza pracą jestem twórcą podcastu Pierwsze kroki w IT, mężem, ojcem, a także pasjonatem szachów, optymalizacji i zdrowego stylu życia oraz górskich wypraw.

Recenzje

Nie ma tu jeszcze żadnych recenzji. Prześlij nam pierwszą.
Warsztat

React: Stylowanie

Promocja trwa jeszcze:
0
 d
0
h
0
m
0
s
119 zł
Kupuję ten produkt za
119 zł

Bezpieczna płatność z easycart

Kupuję w abonamencie za

Bezpieczna płatność z easycart

  • school
    7
     lekcji
  • watch_later
    Czas trwania to 
    1h 58 min
  • bar_chart
    Poziom: 
    Intern
  • download
    Pliki do pobrania
  • mode
    Zadania
  • verified_user
    Certyfikat ukończenia