React - kurs kompletny 2021r.

134 lekcji
Czas: 15 godz. 23 min.
Średnia ocen: 4.9/5
30-dniowa gwarancja zwrotu pieniędzy
Dostęp do zamkniętej grupy dyskusyjnej
Materiały do pobrania

Cena z kodem rabatowym:

199 zł 109.00 zł

Kup dostęp

Cena z kodem rabatowym:

199 zł 109.00 zł

Kup dostęp

Darmowe odcinki:

Jeżeli kupiłeś kurs na innej platformie, napisz do mnie a przyznam Ci dostęp tutaj

React - 2021r!

Poznaj Reacta w jego najnowszej odsłownie (v17). Nieważne czy pracowałeś z Reactem czy to Twój początek. Kurs kompleksowo omawia wszystkie zagadnienia od podstaw po rzeczy zaawansowane.

Kurs składa się z ponad 130 lekcji i zawiera ponad 15 godzin materiału. Prowadzony tak, aby stopniowo wdrażać w świat najpopularniejszej biblioteki JavaScript.

Gratis:

Do kursu gratisowo otrzymasz ściągi PDF z ważniejszymi elementami Reacta. Dodatkowo co kilka odcinków możesz pobrać aktualny kod , tak abyś mógł zacząć w dowolnym momencie!

Czy ten kurs jest dla mnie?


  • znasz JavaScript i chcesz dalej rozwijać się w tym kierunku?
  • chesz nauczyć się najpopularniejszej biblioteki JS?
  • znasz inne frameworki, ale chcesz poznać React?
  • szukasz pracy jako React developer?
  • miałeś styczność z Reactem i teraz chesz go poznać lepiej?
  • chesz usystematyzować swoją wiedzę?

Jeśli odpowiedziałeś twierdząco chociaż na jedno pytanie to ten kurs jest dla Ciebie!

Zawartość kursu:

  • czym jest React, historia, porównanie, zastosowanie
  • komponenty klasowe i funkcyjne
  • zarządzanie stanem aplikacji
  • rejestracja, logowanie, autentykacja
  • stylowanie aplikacji
  • zapisywanie i odczywywanie danych z bazy danych
  • łączenie z backendem
  • hooki, pisanie własnych hooków
  • tworzenie i walidacja formularzy
  • routing - strony, podstrony, zarządzanie ruchem
  • testowanie i debugowanie aplikacji
  • redux
  • deploy, wysyłanie plików na hosting
  • ... i wiele więcej

Kto prowadzi kurs?

Nazywam się Adam Hałasa. Pracuję jako Fullstack developer oraz prowadzę blog i kanał YouTube dla programistów - www.tworcastron.pl

Programowaniem interesuję się od 10 lat. Obecnie realizuję projekty dla polskich i zagranicznych firm.

Średnia ocena kursantów (ocen: 26)

4.9

Rafał J.

5.0
"Kurs prowadzony na luzie, spontanicznie, żywo i płynnie. Dostajemy ogrom wiedzy, sami nie wiedząc na koniec, kiedy i jak to wszystko udało się ogarnąć. Jeśli ktoś zna kanał Autora, nie trzeba tego kursu reklamować: jest tak samo, tylko lepiej."

Piotr S.

5.0

kochanpl k.

5.0

Michał F.

5.0
"Jest to zdecydowanie jeden z lepszych jeśli nie najlepszy kurs Reacta. Kurs posiada bardzo wysoki poziom merytoryczny podany jednak w sposób jasny i czytelny. I chociaż materiał jest bardzo obszerny to ścieżka po której prowadzi autor jest bardzo usystematyzowana, a narracja prowadzi konsekwentnie i rzeczowo, autor nie pomija tematów takich jak komponenty klasowe (i świetnie wyjaśnia dlaczego z nich nie rezygnować!) czy tworzenie własnych hooków. Adam tłumacząc wszystko od początku do końca teorię podaje jedynie w zakresie wymaganym do rozwiązania danego problemu bądź zrozumienia jak dany fragmentu kodu działa. Zdecydowanie nie ucieka w niepotrzebne wywody teoretyczne (które potrafią być zmorą takich kursów!). Ten kurs uczy Reacta i reactowego podejścia. Bardzo praktyczne podejście do tematu ponieważ autor jest praktykiem i w dodatku umie przekazać pragmatyczne podejście do programowania. Uzupełnieniem tego świetnego kursu jest to, że autor trzyma porządek w kodzie, na lewo i prawo stosuje dobre praktyki programistyczne, a uczestnik przy okazji nauki Reacta nabywa te umiejętności szlifując także znajomość Java Scriptu. Zdecydowanie polecam!"

Michał C.

4.5
"Kurs treściwy. Mimo że z Reacta już coś tam umiem, to jest kilka rzeczy, o których się dowiedziałem. Dodałbym jeszcze kilka słów o wzorcu Render Props. Odejmuje pół gwiazdki za częste literówki, które często bywały irytujące i potrafiły mnie "zbić z tropu"."

Robert M.

5.0

Maciej G.

5.0

Malgorzata W.

5.0

0b11001010 0.

5.0

Miroslaw M.

4.5

Michał R.

5.0

Kamil K.

5.0

Andrzej P.

5.0

Rafał K.

5.0

Ad P.

4.5

Mateusz K.

5.0

Marcin F.

5.0
"Świetny kurs!"

Przemek S.

5.0

Maciej R.

5.0

Robert N.

5.0
"Kurs jest dość intensywny, wymaga skupienia i uwagi gdyż tempo jest szybkie i może coś umknąć, szczególnie wtedy, gdy ktoś nie jest biegły w javascript tak jak ja :) Oceniam na max!"

Agnieszka P.

5.0
"Według mnie super kurs, przepełniony wiedzą, często wykraczającą poza Reacta. Dużo dobrych praktyk i możliwość zobaczenia jak od początku do końca wygląda tworzenie całkiem rozbudowanego projektu. Na pewno będę jeszcze wracać do wielu odcinków. Jedyne czego mi zabrakło to część z nieco mniej skomplikowanymi ćwiczeniami praktycznymi, żeby utrwalić wiedzę przed przejściem do budowy strony. Ale ogólnie mocno polecam ten kurs i dziękuję Autorowi!"

Adrian O.

5.0
"Witam, oglądałem już trochę kursów na temat Reacta i mogę śmiało stwierdzić że ten jest najlepszym kursem jaki widziałem. W kursie są poruszane najnowsze i najważniejsze zagadnienia z Reacta. Kurs także pokazuje o czym wiele osób zapomina, a co jest bardzo ważne żeby refaktoryzować swój kod. Fajnie by było zobaczyć też taki kurs, który porusza tematykę security w aplikacjach internetowych. Pozdrawiam"

Artur G.

5.0
"Kurs jest ciekawy, dobrze i jasno wytłumaczone zagadnienia."

Michał L.

5.0

Łukasz R.

4.0
"Spoko kursik, można się dużo dowiedzieć. Po odbyciu kursu zdecydowanie można zacząć kodzić samemu :) Do tego przydałby się np. osobny kursik o Nade.js :p"

5.0
"Jeden z najlepszych kursów jakie przeszedłem."

Wprowadzenie

  • 1.1  Powitanie 02:06
  • 1.2  Czym jest React 03:48
  • 1.3  SPA vs tradycyjna strona 07:00
  • 1.4  React vs inne frameworki 05:56
  • 1.5  Historia Reacta 03:09
  • 1.6  Wady i zalety 05:28
  • 1.7  React vs React Native 02:59
  • 1.8  Co dobrze wiedzieć 01:29
  • 1.9  Co dobrze wiedzieć (spis odcinków YT) 00:00

Podstawy

  • 2.1  Pierwsze użycie 04:23
  • 2.2  Czym jest JSX 03:08
  • 2.3  JSX w praktyce 03:24
  • 2.4  Pierwszy komponent 03:48
  • 2.5  Przenosimy kod do edytora 03:10
  • 2.6  Piszemy blog 07:40
  • 2.7  Listy i pętle 08:22
  • 2.8  Instrukcje warunkowe 04:05
  • 2.9  Przekazanie wszystkich propsów 04:25
  • 2.10  Akcje, reakcje, przyciski 05:41
  • 2.11  State 05:53
  • 2.12  Komponenty klasowe 08:18
  • 2.13  Komponenty klasowe vs funkcyjne 06:15
  • 2.14  Pliki na produkcje 13:19

Aplikacja React: strona z hotelami (à la Booking)

  • 3.1  Planowanie aplikacji, zarys strony 06:07
  • 3.2  Instalacja | create-react-app 06:13
  • 3.3  Struktura plików 10:32
  • 3.4  Komponenty bazowe, rozbicie na pliki 09:34

Wygląd, stylowanie

  • 4.1  CSS import 05:02
  • 4.2  Stylowanie globalne 03:32
  • 4.3  Stylowanie css module 05:19
  • 4.4  Stylowanie inline 04:43
  • 4.5  Dodajemy Bootstrapa 12:48
  • 4.6  Łączenie klas (modułowe, globalne) 09:25
  • 4.7  Zdjęcia, pliki 17:58
  • 4.8  Public folder 03:44
  • 4.9  Sass 06:13

Logika

  • 5.1  Pobieranie wartości wyszukiwarki 06:26
  • 5.2  Rozpoznanie klawiatury 05:08
  • 5.3  Wdrożenie stanu aplikacji 08:09
  • 5.4  Import react from 'react' - potrzebne? 02:03
  • 5.5  Przekazywanie propsów w górę 08:17
  • 5.6  this w klasach | class-fields-proposal 13:19
  • 5.7  PropTypes 09:36
  • 5.8  Cykl życia komponentu 16:21

Debugowanie

  • 6.1  React errors 02:17
  • 6.2  Debugowanie JS 05:06
  • 6.3  React dev tools 08:50

Zaawansowane komponenty

  • 7.1  Kompozycja 03:55
  • 7.2  Layout strony 07:15
  • 7.3  Kolorystyka strony 12:39
  • 7.4  Context API 12:08
  • 7.5  Aktualizacja kontextu 07:23
  • 7.6  useContext 05:11
  • 7.7  Wiele kontekstów 07:26
  • 7.8  Debugowanie kontekstu 02:41
  • 7.9  HOC - komponent wyższego rzędu 08:31
  • 7.10  HOC - zmiana logiki 06:58
  • 7.11  Paralax dzięki HOC 05:06
  • 7.12  useEffect 06:39
  • 7.13  useRef 03:31
  • 7.14  Przepisanie klasy App na funkcje 10:14
  • 7.15  useReducer 18:35
  • 7.16  useReducer init 02:46
  • 7.17  Niepotrzebne renderowanie klasy 06:14
  • 7.18  Niepotrzebne renderowanie funkcji 05:50
  • 7.19  useMemo 06:06
  • 7.20  Najlepsza oferta 09:15
  • 7.21  useCallback 05:27
  • 7.22  useLayoutEffect 10:22
  • 7.23  Licznik czasu najlepszej oferty 06:18
  • 7.24  useEffect cleanup 04:44

Własne hooki

  • 8.1  Po co nam hooki 04:43
  • 8.2  Własny useState 07:35
  • 8.3  Własny hook - useAuth 07:53
  • 8.4  useDebugValue 02:01
  • 8.5  Własny hook - useLocalStorage 08:36
  • 8.6  Ostatnio oglądana oferta 13:21
  • 8.7  useState przyjmujący funkcje (fix dla useLocalStorage) 02:24
  • 8.8  Własny hook - useWebsiteTitle 04:01

Routing

  • 9.1  Wprowadzenie 04:23
  • 9.2  Więcej stron 07:29
  • 9.3  Struktura plików 11:41
  • 9.4  Switch - jedna strona jednocześnie 05:54
  • 9.5  Odczytanie parametrów URL 09:06
  • 9.6  Refaktoring 07:50
  • 9.7  Przekierowanie z wyszukiwarki 07:58
  • 9.8  Klasa .active w menu 05:50
  • 9.9  Kilka routingów jednocześnie 12:47
  • 9.10  404 02:36
  • 9.11  hashRouter 02:58
  • 9.12  Przekierowanie na stronę logowania 09:32
  • 9.13  Lazy loading 07:32
  • 9.14  Error boundary 10:00
  • 9.15  Refaktoring useWebsiteTitle 05:06

Formularze

  • 10.1  Kontrolowane vs niekontrolowane 15:04
  • 10.2  Walidacja 17:41
  • 10.3  Formularz dodawania hotelu 20:53
  • 10.4  Przebudowa formularza na komponenty 24:20
  • 10.5  Walidacja inaczej 18:46
  • 10.6  Formularz rejestracji 10:04

Połączenie z backendem

  • 11.1  Wstęp (firebase) 02:20
  • 11.2  Fetch vs axios 06:26
  • 11.3  Konfiguracja axiosa 01:57
  • 11.4  Firebase SDK 01:26
  • 11.5  Autentykacja backend vs frontend 03:58
  • 11.6  Rejestracja 09:48
  • 11.7  Wyświetlanie błędów firebase 02:42
  • 11.8  Logowanie 10:32
  • 11.9  Przechowywanie stanu logowania 04:34
  • 11.10  Druga instancja axios 02:01
  • 11.11  Przechowywanie usera w stanie 04:58
  • 11.12  Aktualizacja profilu 05:55
  • 11.13  Dodanie hotelu 04:19
  • 11.14  Moje hotele - lista 07:10
  • 11.15  Wyświetlanie hoteli 09:08
  • 11.16  Usuwanie hotelu 03:09
  • 11.17  Edycja hotelu 15:30
  • 11.18  Firebase rules 01:29
  • 11.19  Zakończenie modułu - rating 09:03
  • 11.20  Rating - fix 01:35

Testy

  • 12.1  Czy są testy automatyczne 03:10
  • 12.2  Pierwszy test 03:34
  • 12.3  Test Menu 06:59
  • 12.4  Test Login 11:28
  • 12.5  reportWebVitals 03:46

Deploy

  • 13.1  Pliki konfiguracyjne 03:38
  • 13.2  Build i upload na hosting 04:38

Na koniec

  • 14.1  Porządkowanie plików 01:46
  • 14.2  Components vs Containers 04:41
  • 14.3  Sprzątanie ostrzeżeń 05:36
  • 14.4  Portale 02:34
  • 14.5  Przykładowe projekty 00:58
  • 14.6  Redux 17:59
  • 14.7  Koniec, prośba ode mnie 00:58

Średnia ocena kursantów (ocen: 26)

4.9

Rafał J.

5.0
"Kurs prowadzony na luzie, spontanicznie, żywo i płynnie. Dostajemy ogrom wiedzy, sami nie wiedząc na koniec, kiedy i jak to wszystko udało się ogarnąć. Jeśli ktoś zna kanał Autora, nie trzeba tego kursu reklamować: jest tak samo, tylko lepiej."

Piotr S.

5.0

kochanpl k.

5.0

Michał F.

5.0
"Jest to zdecydowanie jeden z lepszych jeśli nie najlepszy kurs Reacta. Kurs posiada bardzo wysoki poziom merytoryczny podany jednak w sposób jasny i czytelny. I chociaż materiał jest bardzo obszerny to ścieżka po której prowadzi autor jest bardzo usystematyzowana, a narracja prowadzi konsekwentnie i rzeczowo, autor nie pomija tematów takich jak komponenty klasowe (i świetnie wyjaśnia dlaczego z nich nie rezygnować!) czy tworzenie własnych hooków. Adam tłumacząc wszystko od początku do końca teorię podaje jedynie w zakresie wymaganym do rozwiązania danego problemu bądź zrozumienia jak dany fragmentu kodu działa. Zdecydowanie nie ucieka w niepotrzebne wywody teoretyczne (które potrafią być zmorą takich kursów!). Ten kurs uczy Reacta i reactowego podejścia. Bardzo praktyczne podejście do tematu ponieważ autor jest praktykiem i w dodatku umie przekazać pragmatyczne podejście do programowania. Uzupełnieniem tego świetnego kursu jest to, że autor trzyma porządek w kodzie, na lewo i prawo stosuje dobre praktyki programistyczne, a uczestnik przy okazji nauki Reacta nabywa te umiejętności szlifując także znajomość Java Scriptu. Zdecydowanie polecam!"

Michał C.

4.5
"Kurs treściwy. Mimo że z Reacta już coś tam umiem, to jest kilka rzeczy, o których się dowiedziałem. Dodałbym jeszcze kilka słów o wzorcu Render Props. Odejmuje pół gwiazdki za częste literówki, które często bywały irytujące i potrafiły mnie "zbić z tropu"."

Robert M.

5.0

Maciej G.

5.0

Malgorzata W.

5.0

0b11001010 0.

5.0

Miroslaw M.

4.5

Michał R.

5.0

Kamil K.

5.0

Andrzej P.

5.0

Rafał K.

5.0

Ad P.

4.5

Mateusz K.

5.0

Marcin F.

5.0
"Świetny kurs!"

Przemek S.

5.0

Maciej R.

5.0

Robert N.

5.0
"Kurs jest dość intensywny, wymaga skupienia i uwagi gdyż tempo jest szybkie i może coś umknąć, szczególnie wtedy, gdy ktoś nie jest biegły w javascript tak jak ja :) Oceniam na max!"

Agnieszka P.

5.0
"Według mnie super kurs, przepełniony wiedzą, często wykraczającą poza Reacta. Dużo dobrych praktyk i możliwość zobaczenia jak od początku do końca wygląda tworzenie całkiem rozbudowanego projektu. Na pewno będę jeszcze wracać do wielu odcinków. Jedyne czego mi zabrakło to część z nieco mniej skomplikowanymi ćwiczeniami praktycznymi, żeby utrwalić wiedzę przed przejściem do budowy strony. Ale ogólnie mocno polecam ten kurs i dziękuję Autorowi!"

Adrian O.

5.0
"Witam, oglądałem już trochę kursów na temat Reacta i mogę śmiało stwierdzić że ten jest najlepszym kursem jaki widziałem. W kursie są poruszane najnowsze i najważniejsze zagadnienia z Reacta. Kurs także pokazuje o czym wiele osób zapomina, a co jest bardzo ważne żeby refaktoryzować swój kod. Fajnie by było zobaczyć też taki kurs, który porusza tematykę security w aplikacjach internetowych. Pozdrawiam"

Artur G.

5.0
"Kurs jest ciekawy, dobrze i jasno wytłumaczone zagadnienia."

Michał L.

5.0

Łukasz R.

4.0
"Spoko kursik, można się dużo dowiedzieć. Po odbyciu kursu zdecydowanie można zacząć kodzić samemu :) Do tego przydałby się np. osobny kursik o Nade.js :p"

5.0
"Jeden z najlepszych kursów jakie przeszedłem."