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
- Jak zrobić profil na LinkedIn, który pokochają rekruterzy? 02:00:27
- Jak robić programistyczne CV 53:17
- Rozmowy rekrutacyjne 01:27:53
- Techniczne rozmowy rekrutacyjne 38:53
- React.js & Airtable cz. 1 01:29:05
- React.js & Airtable cz. 2 01:29:56
- Web3 + React 02:08:50
Sesje live Q&A (edycja 5)
- Nagranie z sesji 07.10.2021 (Spotkanie organizacyjne) 01:27:15
- Nagranie z sesji 13.10.2021 (NPM, YARN, projekty) 56:32
- Nagranie z sesji 25.10.2021 (komponenty niektorolowane, refy) 01:08:53
- Nagranie z sesji 10.11.2021 (podział na zespoły, bazy danych, REST API, headless CMS) 01:20:32
- Nagranie z sesji 24.11.2021 (Mock Service Worker, Testing library) 01:39:10
- Nagranie z sesji 01.12.2021 (AJAX, XHR, hooki, testowanie) 01:28:43
- Nagranie z sesji 15.12.2021 (rekrutacja, rekrutacja i jeszcze raz rekrutacja) 01:59:29
- Nagranie z sesji 22.12.2021 (API, backend, proxy, Context, uprawnienia) 01:39:51
- Nagranie z sesji 29.12.2021 (error boundaries, testy, mockowanie, redux toolkit) 01:22:21
- Nagranie z sesji 11.04.2022 (przegląd profili na LinkedIn) 02:20:55
Sesje live Q&A (edycja 4)
- Nagranie z sesji 28.07.2021 01:32:05
- Nagranie z sesji 02.08.2021 01:26:59
- Nagranie z sesji 09.08.2021 01:09:30
- Nagranie z sesji 23.08.2021 01:24:20
- Nagranie z sesji 06.09.2021 (REST API, Airtable) 02:10:25
- Nagranie z sesji 20.09.2021 (React Testing Library) 01:53:21
- Nagranie z sesji 04.10.2021 (SEO, wzorce, rekrutacja) 01:27:47
- Nagranie z sesji 11.10.2021 (Redux) 01:20:43
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
