Kurs React

Wprowadzenie

Lekcje

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje
Wykup w abonamencie od 79zł
Przetestuj za darmo przez 7 dni!

Autor: Adam Romanski

Czas: 5 godzin

Aktualizacja: 2019-12-06

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Wstęp do kursu

  • Wprowadzenie

  • Czym jest React

  • Jakie problemy rozwiązuje React

  • Czego dowiesz się w tym kursie

Pierwsze kroki

  • Render po raz pierwszy

  • Czym jest JSX

  • Tworzenie komponentu funkcyjnego

  • Przygotowanie struktury aplikacji

Podstawy komponentów

  • Omówienie struktury projektu

  • Przygotowanie pierwszych komponentów

  • Stylowanie komponentu ListItem

  • Dodawanie propsów

  • Mapowanie tablicy

  • Refactoring komponentu

  • Czym są PropTypes

Komponenty klasowe i stan

  • Nowe funkcje aplikacji

  • Pierwszy komponent klasowy

  • Modyfikowanie stanu komponentu

  • Stary zapis komponentów klasowych

  • Stworzenie rodzica ze stanem aplikacji

  • Pobieranie danych od komponentów dzieci

  • Dodawanie nowego elementu listy

  • Dodawanie CSS Modules i SCSS

  • CSS Modules w praktyce

  • Refactoring formularza

  • Ekstrakcja komponentu

  • Renderowanie warunkowe

Podstawy routingu

  • Nowe funkcje aplikacji - routing

  • Czym jest React Router

  • Rozbudowa struktury aplikacji

  • React Router - pierwsze kroki

  • Czym jest Switch

  • Tworzenie menu z komponentem NavLink

  • Stylowanie headera

  • Tworzenie modala

  • Otwieranie i zamykanie modala

  • Tworzenie dynamicznego formularza

  • Renderowanie warunkowe pól formularza

Stan aplikacji z Context API

  • Czym jest Context API

  • Context API w praktyce

  • Tworzenie inteligentnego formularza

  • Instalujemy React Dev Tools

  • Dynamiczne przypisywanie notatek do kategorii

  • Wyświetlanie notatek w kategoriach

  • Ostatnie poprawki

Podsumowanie

  • Deployment aplikacji na Netlify

  • Podsumowanie kursu

  • Zakończenie