React Basic
Course description
Podstawy pracy z Reactem i zagadnienia teoretyczne, tworzenie i architektura komponentów, stylowanie komponentów w różnych wariantach, kompozycja i zarządzanie stanem komponentów poprawna obsługa formularzy, budowanie interfejsu
Wprowadzenie
- Twój cel 06:58
- Tematyka 08:32
- Narzędzia 06:17
- Ustawienia edytora 13:09
- Przygotowanie środowiska 10:13
- Korzystanie z NPM cz. 1 15:21
- Korzystanie z NPM cz. 2 15:52
- Stworzenie pierwszej aplikacji 15:04
- Zanim zaczniemy z ESLint
- Konfiguracja ESLint 11:38
- Konfiguracja testów 11:20
- Startujemy projekt 07:33
- Zadania do realizacji
Komponenty
- Po co korzystać z komponentów? 09:28
- Stworzenie pierwszego komponentu 07:27
- Komponenty funkcyjne 09:58
- Czym jest JSX? 10:14
- Pisanie HTML w JSX 17:41
- Stylowanie 10:00
- Komponenty klasowe 08:51
- Stan komponentów 14:22
- Zadania do realizacji
- DOM vs Virtual DOM 08:05
Struktura aplikacji
- Wprowadzenie 05:13
- Struktura plików i katalogów 18:21
- Struktura plików i katalogów - podział domenowy 09:36
- Struktura plików i katalogów - atomic design 12:22
- Struktura plików i katalogów - pages 08:54
- Barrels 17:47
- Kompozycja komponentów 10:32
- Tworzenie szablonu aplikacji za pomocą komponentów 10:17
- Komponenty bezstanowe 03:05
- Zadania do realizacji
Zdarzenia, refy, bindowanie
- Zdarzenia - wprowadzenie 16:36
- Zdarzenia 18:48
- Bindowanie zdarzeń 16:29
- Obsługa stanu komponentu 09:48
- Obsługa stanu komponentu - hooki 16:16
- Refy 09:49
- Refy - hooki, useRef 04:47
- Zadania do realizacji
Budowa interfejsu
- Komponenty kontrolowane 07:32
- Komponenty niekontrolowane 05:10
- Dumb components 12:02
- Przepływ danych 11:33
- Cykl życia komponentów 21:05
- Cykl życia komponentów - hook useEffect 06:21
- React router 14:04
- Zadania do realizacji
Stylowanie
- Intro 01:10
- BEM 15:35
- SASS 22:25
- Props style 06:21
- CSS w JavaScript 04:33
- Biblioteka classnames 06:36
- Styled-components 13:24
- Material UI 19:51
Materiały dodatkowe
- Mini szkolenie z gita 01:16:54
- Wprowadzenie do gitflow 42:49
Sesje live Q&A (edycja 4)
- Nagranie z sesji 28.07.2021 01:32:05
Sesje live Q&A (edycja 3)
- Nagranie z Sesji 03.03.2021 01:12:14
- Nagranie z Sesji 08.03.2021 01:02:58
- Nagranie z Sesji 15.03.2021 59:31
- Nagranie z Sesji 22.03.2021 01:37:58
- Nagranie z Sesji 29.03.2021 37:39
- Nagranie z Sesji 06.04.2021 (Mock Service Worker) 01:04:48
- Nagranie z Sesji 12.04.2021 (React Testing Library) 01:15:39
- Nagranie z Sesji 19.04.2021 (Context, useContext) 01:11:00
- Nagranie z Sesji 26.04.2021 (API, async/await, SWR) 01:21:27
- Nagranie z Sesji 10.05.2021 (Redux, tokeny) 01:10:32
- Nagranie z Sesji 17.05.2021 (auth, tokeny) 01:35:12
- Nagranie z Sesji 07.06.2021 (node.js, tokeny) 01:22:18
- Nagranie z Sesji 14.06.2021 (Hackaton, Docker, Mockowanie) 01:22:41
- Nagranie z Sesji 21.06.2021 (Mockowanie w Jest i MSW) 01:29:47
- Nagranie z Sesji 28.06.2021 (Headless CMS, Redux Toolkit) 01:22:23
Sesje live Q&A (edycja 2)
- Powitanie i sesja Q&A 20.10.2020 01:15:18
- Sesja Q&A 27.10.2020 01:21:21
- Sesja Q&A 03.11.2020 01:11:05
- Sesja Q&A 10.11.2020 01:13:30
- Sesja Q&A 17.11.2020 47:15
- Sesja Q&A 01.12.2020 01:01:27
- Sesja Q&A 08.12.2020 01:41:02
- Sesja Q&A 15.12.2020 01:13:34
- Sesja Q&A 29.12.2020 01:20:47
- Sesja Q&A 05.01.2021 01:38:55
- Sesja Q&A 12.01.2021 01:53:22
- Sesja Q&A 27.01.2021 01:31:49
About the Instructor
Related Courses
