React Basic

Avatar Instructor Patryk Omiotek Category programowanie

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

Patryk Omiotek

Senior Software Engineer

Obecnie pracuję inżynier oprogramowania w firmie intive. Do tej pory miałem przyjemność realizować wiele ciekawych projektów m.in. dla znanej akademii filmowej z USA i dla startupów, w które inwestowali chociażby Steve Wozniak czy Google Ventures.

Od 8 lat dzielę się swoją wiedzą jako ekspert na konferencjach i trener w szkołach programowania. Jestem pomysłodawcą i założycielem Szkoły Reacta

Czytaj więcej