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:

199 zł

Kup dostęp

Cena:

199 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). Nie waż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.

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: 10)

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 Stachowicz

5.0

kochanpl kochanpl

5.0

Michał Filip

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ł Czubak

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 Michalski

5.0

Maciej Goncerzewicz

5.0

Malgorzata WLADYKA

5.0

0b11001010 0b11001010

5.0

Miroslaw Mrowiec

4.5