Kurs React

Wprowadzenie

Lekcje
Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt

87 ocen

Wprowadzenie

Od kilku lat React niepodzielnie króluje wśród frameworków JavaScript. Ogromna swoboda jaką daje, intuicyjny sposób tworzenia komponentów i potężny ekosystem wspierający developera niemal w każdej sytuacji, to niewątpliwie największe zalety tej technologii. W tym kursie dowiesz się, w jaki sposób wycisnąć w Reacta jak najwięcej. Odkryjesz jego prawdziwy potencjał i dogłębnie poznasz zagadnienia, które stanowią trzon tego frameworka. Aby zrozumieć rzeczy zaawansowane, należy solidnie opanować podstawy – w tym własnie chcę Ci pomóc.

  1. Doglebne wyjasnienie zasad rzadzacych Reactem
  2. Stworzenie aplikacji wykorzystujacej potencjal Reacta
  3. Wykorzystanie React Router i jego komponentów w praktyce
  4. Przygotowanie do pracy w nowych projektach i z legacy code
  5. Stworzenie struktury aplikacji w oparciu o najlepsze praktyki
  6. Rozwiazania pochodzace z prawdziwej pracy nad wieloma projektami

Wszystkie tresci podzielilem na piec rozdzialów, w których bedziemy rozwijac wymyslona przeze mnie aplikacje sluzaca do kolekcjonowania najciekawszych artykulów, notatek oraz kont twitterowych znalezionych w sieci.

Twoje pierwsze kroki w React

Zaczniemy od prostych widoków, na podstawie których wyjasnie Ci, co stoi u podstaw Reacta – dowiesz sie czym jest JSX, oraz poznasz pojecie komponentu funkcyjnego. Dzieki temu oswoisz sie ze skladnia Reacta, która poczatkowo moze wydawac sie nieco obca.

Witaj w swiecie komponentów

W React niemal wszystko opiera sie o komponenty. Czym one sa? Dowiesz sie tego w drugim rozdziale. Opowiem Ci jak je tworzyc oraz jak tworzyc relacje miedzy nimi. Wyjasnie Ci bardzo szczególowo jak dzialaja propsy oraz w jakich sytuacjach nalezy je wykorzystywac. Zobaczysz tez, jak w Reactcie pracujemy z danymi, jak mozemy je przetwarzac a nastepnie stosujac kilka strategii stylowania komponentów, wszystko wyswietlic w atrakcyjny sposób.

Komponenty z klasa

W trzecim rozdziale poznasz sposób konstruowania komponentów klasowych, posiadajacych wlasny stan, dzieki któremu stworzysz miedzy innymi dynamiczny, inteligentny formularz, a takze wiele innych interaktywnych elementów. Dzieki temu szybko zrozumiesz róznice miedzy komponentami funkcyjnymi a klasowymi.

Wytyczamy nowe sciezki

Kiedy juz poczujesz sie dosc pewnie budujac komponenty, dodamy tzw. routing w rozdziale czwartym, który pozwoli nam na stworzenie wielu podstron, które urozmaica nasza aplikacje – dowiesz sie dzieki temu jak integrowac dodatkowe narzedzie w naszym projekcie, oraz jak budowac bardziej skomplikowana strukture aplikacji.

Odkryj potencjal Reacta

Na sam koniec zostaimy sobie tzw. state managment, czyli zarzadzanie informacjami wspóldzielonymi przez wiele komponentów i podstron. Nie wykorzystamy jednak ani Reduxa ani Mobxa, poniewaz chce Ci pokazac, ze w samym Reactcie kryje sie ogromny potencjal nawet przy tak kompleksowych zadaniach. W tym przypadku uzyjemy Context API, który w latwy sposób pozwala nam teleportowac dane z jednego miejsca naszej aplikacji do drugiego. Podczas rozbudowywania naszej aplikacji o Context API dopracujemy tez wszystkie inne jej elementy, aby na samym koncu kursu wydeployowac nasz gotowy produkt w serwisie Netlify – zobaczysz, ze wypuszczenie aplikacji Reactowej do sieci i udostepnienie jej innym, jest niezwykle proste.W tym kursie skupiamy sie wylacznie na Reactcie z uzyciem jedynie niezbednych narzedzi. Wierze, ze doskonale opanowanie fundamentów, na których opiera sie ta technologia pozwoli Ci pózniej latwiej wkroczyc w swiat setek pluginów i paczek dostepnych w jego ekoystemie.

Dlaczego wybrac wlasnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, bys caly czas mógl go sledzic z zainteresowaniem i zaangazowaniem, a takze czerpac satysfakcje ze zdobytej wiedzy!
  2. Wiedza, która otrzymujesz w tym kursie, to nie tylko sucha teoria, ale równiez wskazówki od praktyka z wieloletnim doswiadczeniem, dzieki którym duzo latwiej bedzie Ci opanowac material.
  3. Uczysz sie na praktycznych przykladach. Kurs, który masz przed soba to esencja praktycznej wiedzy i doswiadczenia a takze wzorów, które oszczedza Ci godziny pracy i poszukiwan.

Dla kogo jest ten kurs?

Ten kurs powstal z mysla o osobach chcacych zaczac swoja przygode z frameworkami JavaSript. Zaklada on wiedze na temat podstaw JavaScript (w tym ES6), jednak przy bardziej skomplikowanych rozwiazaniach zawsze pojawia sie slowo wyjasnienia. \n\nPoziom kursu zostal dopasowany do osób, które maja za soba juz kilka projektów w czystym JavaScript i chca wejsc na wyzszy poziom, przygotowujac sie tym samym do pracy z ta technologia.

31 minut

Formularze w Gatsby.js

Z Firebase i SendGrid

W tym Warsztacie w ciągu zaledwie 30 minut dowiesz się, jak stworzyć prosty i bezpieczny mechanizm wysyłania maili przez formularz osadzony na stronie internetowej. A wystarczą do tego trzy kroki - przekonaj się jakie!

Adam Romanski

4 godziny 29 minut

Kurs Gatsby.js

Szybkie i Nowoczesne Strony

# Wielki Gatsby Gatsby.js wdarł się na frontendowe salony niczym prawdziwa gwiazda! Unikalne rozwiązania dające ogromną swobodę developerom, w połączeniu z potężnym ekosystemem reactowym sprawiły, że już dawno żadna technologia nie wzbudziła takiego entuzjazmu i zainteresowania. Bądź na bieżąco z najnowszymi frontendowymi trendami i dowiedz się, na czym polega sekret tej fenomenalnej technologii. W kursie dowiesz się w jaki sposób poprawnie używać Gatsbyego, jak działa jego routing, w jaki sposób obsługiwać obrazki przy użyciu GraphQL, a także jak budować warstwę danych zasilającą aplikację w odpowiednie treści.

Adam Romanski

6 godzin 6 minut

Kurs React

Techniki Zaawansowane

Higher Order Components, Render Props, Compound Components... React pełen jest wzorców i narzędzi, których nazwy potrafią przyprawić o ból głowy. Właśnie po to, by uniknąć tego przytłoczenia, został przygotowany ten kurs. Skupimy się w nim praktycznie wyłącznie na React'cie, który mimo że jest niepozorną biblioteką, to kryje w sobie ogromny potencjał i jeszcze większą swobodę działania dla developera. W dużych, komercyjnych aplikacjach wzorce, o których wspominamy, pojawiają się niesłychanie często, a ich poprawne zrozumienie to jedyna droga do tego, abyśmy nie czuli się nieswojo patrząc na nieco bardziej skomplikowany kod.

Adam Romanski

6 godzin 51 minut

Kurs React

w Praktyce

Wiele materiałów dostępnych w sieci zawiera wskazówki jak używać Reacta, jednak brakuje im praktycznego wymiaru. Stosowanie tej technologii w prawdziwym projekcie nieco różni się od prostych przykładów, które na ogół możemy znaleźć. Tak powstał pomysł na kurs React w Praktyce, w którym dowiesz się, z jakich technologii React developerzy korzystają na co dzień, jak konfigurują projekty, jak radzą sobie z problemami zarówno wynikającymi ze skomplikowania interfejsu, jak i logiki biznesowej zawartej w aplikacji.

Adam Romanski

30 minut

Hooks w React

Twórcy Reacta już jakiś czas temu oddali w ręce developerów potężne hooksy – rozwiązanie, które pewnego dnia może zastąpi komponenty klasowe. Zanim jednak wybiegniemy w przyszłość aż tak daleko, warto je po prostu poznać i zrozumieć. Zapraszam na warsztaty o podstawach React Hooks, podczas których pokażę kilka praktycznych zastosowań hooksów, dzięki którym lepiej zrozumiesz, czym tak naprawdę są i dlaczego tak wiele osób o nich mówi. Dowiesz się w jaki sposób możesz tworzyć stan w komponentach funkcyjnych przy użyciu hooka useState(), a także pokażę Ci, jak w prosty sposób możesz wykorzystywać useRef() do tworzenia refów, tak przydatnych podczas pracy z bibliotekami manipulującymi DOM.

Adam Romanski

Autor: Adam Romanski

Frontend developer & YouTube Creator

Cześć! Nazywam się Adam Romański i sam siebie nazywam kreatywnym front-endowcem, ponieważ zanim dołączyłem do branży IT, wiele lat spędziłem pracując jako copywriter. Na co dzień pracuję w jednym z największych software house'ów w Polsce, realizując ambitne projekty dla zagranicznych klientów. Dzięki tej pracy zdobyłem sporo doświadczenia, którym chętnie się z Tobą dzielę. W moim przypadku pasja do uczenia innych przejawia się także w inny sposób. „Po godzinach” zajmuję się vlogiem Hello Roman na YouTube, który w kilka miesięcy zdobył prawdziwą rzeszę fanów. Możesz go odwiedzić klikając w ten link: https://youtube.com/helloroman Do tej pory zrealizowałem wiele projektów zarówno w React, Vue, Gatsby jak i innych technologiach, co pozwoliło mi nabrać pewności siebie a także poszerzyć nieco moje perspektywy. Liczę, że moje kursy dadzą Ci to samo! To dla mnie ogromne wyróżnienie, lecz także ogromna odpowiedzialność. Za pośrednictwem vloga opowiadam o moich przemyśleniach dotyczących programowania, branży IT, a także tworzę materiały z praktycznymi, technicznymi poradami. Do tej pory zrealizowałem wiele projektów zarówno w React, Vue, Gatsby jak i innych technologiach, co pozwoliło mi nabrać pewności siebie a także poszerzyć nieco moje perspektywy. Liczę, że moje kursy dadzą Ci to samo!

https://youtube.com/helloroman

Recenzje Kurs React

5

87 dodanych ocen

2019-02-07

@Marcin Hatko, kursy sprawdzamy i przechodzą przez recenzentów ale wszyscy jesteśmy ludźmi i czasem takie drobiazgi trudno wyłapać nawet mimo oglądania parę razy. Już znaleźliśmy część i wrzucimy poprawione lekcje, ale jeśli mógłbyś nam na maila biuro@eduweb.pl napisać orientacyjnie gdzie - poprawimy :)

Grzegorz Róg

2019-02-11

Kurs wydaje się być dobrym żeby zacząć pisanie w React, fajnie byłoby też doczekać się pełnego kursu z Redux plus jak samemu napisać API, pozdrawiam Team Eduweb!

Przemysław Lewtak

2019-02-06

Czy jest gdzieś możliwość podejrzenia finalnej aplikacji?

Przemysław Lewtak

2019-07-12

Merytorycznie na duży plus, spory zastrzyk wiedzy! Odejmuję dwie gwiazdki za zbyt dużą liczbę powtórzeń oraz niepotrzebnych przerw, które spokojnie można było usunąć podczas montażu.

Piotr Skóra

2020-02-14

Kurs świetnie przygotowany, w przystępny sposób objaśniający podstawy React. Polecam wszystkim.

Robert Studziński

2019-02-06

Naprawdę udostępniacie do podglądu "Czym jest JSX" a nie "Czym jest React". W każdym kursie właśnie taka lekcja powinna być do bezpłatnego obejrzenia.

Mariusz Jarosz

2020-02-09

Śmiało mogę polecić ten kurs. Wszystko świetnie wyjaśnione. Oby takich jak najwięcej!

Ernest Sadowski

2019-11-28

Bardzo dobre wprowadzenie w temat Raect'a

Jakub Burkiewicz

2020-04-13

Solidny kurs podstaw Reacta, w którym można zdobyć wiedzę niezbędną do napisania swojej pierwszej aplikacji. Materiał były jeszcze lepszy gdyby autor podawał pełniejsze definicje omawianych zagadnień i w metodologii nauczania nie wykorzystywał tak często skrótów myślowych.

Anna Karpińska

2020-04-08

Świetny kurs.

Bartłomiej Gądek

2020-04-04

Roman jak zwykle na wysokim poziomie!!

Krzysztof Branecki

2019-12-31

Świetny materiał do nauki. Polecam.

Paweł Wojdas

2019-02-06

Adam klasa sama w sobie :) Kawał dobrego materiału.

Paweł Turkot

2019-02-23

Kurs bardzo dobry i sporo się nauczyłem, tylko szkoda, że Hello Roman nie sprawdzał swoje nagrane materiały (albo mało dokładnie sprawdzał). Wiele momentów było widać jak na dłoni, żeby po prostu wyciąć (np. powtarzanie tekstu), żeby widzowi nie marnować cennych sekund i nie wybijać z flow oglądania.

Mikołaj Lewandowski

2019-05-05

Warto kupić, świetnie wytłumaczone podstawy.

Damian Osuch

2019-02-07

Kurs godny uwagi, lecz naprawdę przydało by się wyciąć niektóre fragmenty, typu instruktor coś mówił i dosłownie zaraz znowu powtarza od nowa w całym kursie około 5 takich fragmentów, dla słuchającego trochę denerwujące przynajmniej dla Mnie.

Marcin Hatko

2020-02-08

Bardzo fajny kurs.

Łukasz Cendrowski

2019-11-20

Imho najlepszy skill w przekazywaniu wiedzy w polskiej części internetu. Kurs nie jest ani skomplikowany, ani nie pozostawia niedosytu. Świetnie skomponowany projekt na początek przygody z Reactem. Roman jest gwarancją dobrych praktyk i najnowszych narzędzi. Zdecydowanie najlepsze podstawy Reacta w PL.

Bartosz Ligęza

2019-11-20

Imho najlepszy skill w przekazywaniu wiedzy w polskiej części internetu. Kurs nie jest ani skomplikowany, ani nie pozostawia niedosytu. Świetnie skomponowany projekt na początek przygody z Reactem. Roman jest gwarancją dobrych praktyk i najnowszych narzędzi. Zdecydowanie najlepsze podstawy Reacta w PL.

Bartosz Ligęza

2020-04-29

Bardzo dobry kurs :)

Grzegorz

2020-02-16

super

Arkadiusz Kuptz

2020-04-24

trochę irytujące i zniechęcające jest to ciągłe poprawianie , najpierw piszemy Link , potem jednak nie Link tylko NavLink bo ma dodatkowego propsa .. a to znaczy że pewnie z Link korzysta się sporadycznie, albo wcale .. więc po co sobie nim zawracać głowę? ... tak samo te długie chwile ciszy :) które zdarzają się kilka razy w kursie ... mam wrażenie że kurs mógłby trwać dużo krócej i byłby bardziej przystępny. Poza tym jest całkiem spoko, ale chyba wolę słuchać Piotra Palarza

Grzegorz Nęcka

2019-02-23

Może jestem trochę stronnicza, bo bardzo lubię kanał Adama na youtube, ale uważam że kurs jest naprawdę dobry. Jest to świetne wprowadzenie w świat Reacta i zachęca do dalszej pracy. Największy plus daję za projekt, który tworzony jest w trakcie kursu - nie jest to coś oklepanego, wygląda super ładnie i chce się to rozbudowywać i z tego korzystać! Adam dobrze tłumaczy przerabiane zagadnienia i z całą pewnością wykupię jego kolejne kursy. Jedyny minus? Za szybko się kończy!

Kaja Ciesliczka

2020-03-07

Bardzo mi się podoba to podejście wyjaśniające pracę z reactem od podstaw, bez zbędnych rzeczy a kolejne elementy są dodawane dopiero potem. Fajnie, że jest wspomniane o tym jakie inne zapisy można jeszcze spotkać i dlaczego się tak robiło. To dla mnie cenna informacja. Jest parę wpadek montażowych jednak nie zwróciłem na to zbytniej uwagi. React po tym kursie wydaje mi się teraz bardzo prosty a wydawało mi się, że to jakiś kombajn tylko do wielkich aplikacji.

Marcin Kalinowski

2020-03-09

Fajny kurs, widać, że zna się facet na rzeczy. tempo jednak nieco za szybkie dla początkującego - przydałoby się nieco więcej wyjaśnień na początku.

Michal Tyszko

2019-11-16

Moja opinia o kursie w kontekście całokształtu jest bardzo dobra. Kurs jest bardzo skondensowany i kilkukrotnie przerabiałem dane lekcje 2 nawet 3 razy, aby krok po kroku zrozumieć metodykę działania. Fajne kompendium aby do niego wracać. Mam wrażenie że nawet jak na podstawy było sporo ciekawych konceptów. Minusy dwa. Jeden dla eduweb, że pomimo tylu miesięcy po kursie w kilku miejscach jest jeszcze zły montaż. Są to małe bzdety, ale brzmi to słabo, gdy czekam kilkanaście sekund jak Roman się napije, albo trzy razy powtórzy to samo. Druga kwestia po stronie Romana, przeskoki w tym co zrobił poza "światłem kamer". Nagle z lekcji na lekcje zmiana nazewnictwa, klas etc. Wprowadza duże zamieszanie i utrudnia potem odnalezienie się w aplikacji.

Maciej Mazur

2019-02-06

Jeszcze nie kupiłem, ale jak zabrał się za to Adam Romański to musi być petarda :D

Anatol Orzęcki

2019-10-24

Bardzo dobry kurs, otworzył mi oczy na wiele rzeczy, gorąco polecam :)

Marcin Koszykowski

2019-03-05

Kurs bardzo dobry.

MagdaLena Wierzbicka

2019-03-29

Super kurs!

Paweł Jaguś

2019-12-05

Cóż mogę powiedzieć... Kawał solidnego kursu, polecam :)

Dariusz Mazur

2020-05-15

Bardzo przydatny materiał

Michał Krakus

2020-05-15

Bardzo przydatny materiał

Michał Krakus

2020-05-15

Bardzo przydatny materiał

Michał Krakus

2020-05-15

Bardzo przydatny materiał

Michał Krakus

2020-04-30

Polecam :)

Michał Krakus

2020-04-30

Polecam :)

Michał Krakus

2020-04-30

Polecam :)

Michał Krakus

2020-04-30

Polecam :)

Michał Krakus

2020-04-23

fajny kurs

Michał Krakus

2020-04-23

fajny kurs

Michał Krakus

2020-04-23

fajny kurs

Michał Krakus

2020-04-23

fajny kurs

Michał Krakus

2020-04-07

Kurs bardzo przydatny dla początkujących. Wszystko jasno wytłumaczone

Michał Krakus

2020-04-07

Kurs bardzo przydatny dla początkujących. Wszystko jasno wytłumaczone

Michał Krakus

2020-04-07

Kurs bardzo przydatny dla początkujących. Wszystko jasno wytłumaczone

Michał Krakus

2020-04-07

Kurs bardzo przydatny dla początkujących. Wszystko jasno wytłumaczone

Michał Krakus

2019-10-02

Kurs ciemny jak tabaka w rogu nie polecam na sam początek, spodziewałem się czegoś więcej ponieważ materiały na youtube są super. Polecam kupić ten kurs dopiero po przerobieniu gdzie indziej jakiś podstaw dogłębnie omówionych

Marcin Kubacki

2019-10-15

Świetny kurs, zwłaszcza dla osób, które już gdzieś liznęły Reacta i potrzebują usystematyzować wiedzę podstawową. Dzięki Adam :) Kawał dobrej roboty! Twój kurs sprawił, że lepiej rozumiem podstawy tej technologii.

Mariusz Przybylski

2020-01-08

Kurs bardzo dobrze wykonany, jak na Romana przypadło ;-)

Bartek Wleciał

2020-01-08

Kurs bardzo dobrze wykonany, jak na Romana przypadło ;-)

Bartek Wleciał

2020-01-24

Trochę zbyt szybko Roman wszystko wyjaśnia. Osoba nowa w Reactcie może mieć problem

Bartek Wleciał

2020-01-24

Trochę zbyt szybko Roman wszystko wyjaśnia. Osoba nowa w Reactcie może mieć problem

Bartek Wleciał

2020-03-29

Świetny kurs React dla początkujących!

Rafał Giemza

2020-01-08

Bardzo dobry kurs. Polecam.

Rafał Hes

2020-03-30

Dla mnie idealny kurs z podstaw Reacta. Prosto i na temat plus dostałem parę tipów co do pisania prostszego kodu bez użycia Redux. Robię następny kurs z Adamem i tam to kopara mi opadła jak zobaczyłem Storybooka i cały Set Up projektu.

Krzysztof Grudzień

2020-04-07

Polecam

Łukasz

2020-02-12

Kurs poprawny.

Damian Dylak

2019-12-12

Kurs na bardzo dobrym poziomie. Bardzo dobry koncept robienia projektu i tłumaczenia na nim zagadnień związanych z Reactem ( musiało to kosztować dużo pracy żeby nagle nie okazało się że trzeba przemycić jakąś technologie która byłaby zbyt zaawansowana). Czasami dbałość o to żeby kod był krótki potrafi zamieszać osobie początkującej. Brakowało mi jakiegoś ogólnego spojrzenia na to jak tworzy się wersje startową (create react app), ale Roman wspomina że w kolejnych częściach kursu takie coś się pojawi. Myślę że świetnym pomysłem by było zadanie na koniec kursu polegające na zrobieniu aplikacji podobnej do tej, z konceptem Adama, ale może za dużo wymagam :D Sam eduweb jak dla mnie jest dosyć przeciętny. Odtwarzacz filmów jest dość irytujący (chociaż idzie się przyzwyczaić) oraz czasami pojawiały się błędy odnośnie zapisywania obejrzanych filmów.

Jakub Grygiel

2019-12-27

idealny kurs żeby zacząć przygodę z React

Wiktor

2020-01-11

Bardzo dobrze wytlumaczone podstawy Reacta. Fajne sa tez dodatkowe komentarze i wskazowki dot. ogolnego tworzenia aplikacj, debuggowania czy stosowania roznych trickow zwiekszajacych produktywnosc.

Marlena Kropidłowska-Okraska

2019-12-30

Polecam

Arek

2020-04-15

Super kurs

Tomasz Korenberg

2020-04-15

Super kurs

Tomasz Korenberg

2020-04-08

Kurs dobrze prowadzony, autor świetnie tłumaczy ale należy brać czynny udział i pisać razem a nie tylko słuchać :)

Tomasz Korenberg

2020-04-08

Kurs dobrze prowadzony, autor świetnie tłumaczy ale należy brać czynny udział i pisać razem a nie tylko słuchać :)

Tomasz Korenberg

2020-01-28

Roman jak zawsze daje radę

Adam Kołtun

2020-02-18

Świetny kurs!

Patryk Mróz

2020-02-27

Adam klasa sama w sobie :) Kawał dobrego materiału.

Karol Piotrowicz

2020-02-27

Świetny kurs aby zrozumieć podstawy Reacta, dobry materiał chociaż sposób edycji i postprodukcji mógłby byc lepszy. Napewno warto przelecieć dla każdego zainteresowanego front-endem z dobrą znajomością javascriptu.

Jakub Kozakiewicz

2020-04-06

Super kurs

Mateusz Dobosz

2020-04-01

Zacząłem od tego kursu przygodę z Reactem.... aż milo bylo lekcja po lekcji za znajamiac sie z materialem

Mariusz Krawczyk

2020-04-01

Zacząłem od tego kursu przygodę z Reactem.... aż milo bylo lekcja po lekcji za znajamiac sie z materialem

Mariusz Krawczyk

2020-04-01

Zacząłem od tego kursu przygodę z Reactem.... aż milo bylo lekcja po lekcji za znajamiac sie z materialem

Mariusz Krawczyk

2020-04-01

Zacząłem od tego kursu przygodę z Reactem.... aż milo bylo lekcja po lekcji za znajamiac sie z materialem

Mariusz Krawczyk

2020-04-01

Zacząłem od tego kursu przygodę z Reactem.... aż milo bylo lekcja po lekcji za znajamiac sie z materialem

Mariusz Krawczyk

2020-04-01

Zacząłem od tego kursu przygodę z Reactem.... aż milo bylo lekcja po lekcji za znajamiac sie z materialem

Mariusz Krawczyk

2020-03-01

Naprawdę Dobry kurs wyjaśnione wszystko od podstaw, do tego aplikacja którą tworzymy może mieć rożne zastosowanie. wiec naprawdę kawał dobrej roboty.

Mariusz Krawczyk

2020-03-01

Naprawdę Dobry kurs wyjaśnione wszystko od podstaw, do tego aplikacja którą tworzymy może mieć rożne zastosowanie. wiec naprawdę kawał dobrej roboty.

Mariusz Krawczyk

2020-03-01

Naprawdę Dobry kurs wyjaśnione wszystko od podstaw, do tego aplikacja którą tworzymy może mieć rożne zastosowanie. wiec naprawdę kawał dobrej roboty.

Mariusz Krawczyk

2020-03-24

Najbardziej podoba mi się praktyczność kursu i know-how, które Roman przemyca. Do wielu fragmentów będę wracał podczas pracy z Reactem przy własnych projektach.

Michał Modrzejewski

2020-04-07

Naprawdę dobry kurs.

Michał

2020-04-15

W porównaniu z kilkoma innymi kursami dotyczącymi podstaw muszę przyznać że podano to w przyjemnej formie. Zaletą jest praca z localhost'em, zamiast bawić się w "piaskownicy" przygotowanej przez platformę z kursami oraz budowanie aplikacji na podstawie której można zrealizować inne pomysły.

Marcin Lewandowski

2020-04-15

W porównaniu z kilkoma innymi kursami dotyczącymi podstaw muszę przyznać że podano to w przyjemnej formie. Zaletą jest praca z localhost'em, zamiast bawić się w "piaskownicy" przygotowanej przez platformę z kursami oraz budowanie aplikacji na podstawie której można zrealizować inne pomysły.

Marcin Lewandowski

2020-04-19

Polecam raz jeszcze! To bez sensu, jedna osoba może wystawić X recenzji.

Marcin Lewandowski

2020-04-19

Polecam raz jeszcze! To bez sensu, jedna osoba może wystawić X recenzji.

Marcin Lewandowski

2020-04-29

Polecam, jeśli chodzi o kurs który wprowadza do Reacta - watro wybrać właśnie ten.

Mateusz Bobel

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje
Wykup w abonamencie od 79zł
Przetestuj za darmo przez 7 dni!

Autor: Adam Romanski

Czas: 4 godziny 55 minut

Aktualizacja: 2020-05-26

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Wstęp do kursu

  • Wprowadzenie

  • Czym jest React

  • Jakie problemy rozwiązuje React

  • Czego dowiesz się w tym kursie

Pierwsze kroki

  • Render po raz pierwszy

  • Czym jest JSX

  • Tworzenie komponentu funkcyjnego

  • Przygotowanie struktury aplikacji

Podstawy komponentów

  • Omówienie struktury projektu

  • Przygotowanie pierwszych komponentów

  • Stylowanie komponentu ListItem

  • Dodawanie propsów

  • Mapowanie tablicy

  • Refactoring komponentu

  • Czym są PropTypes

Komponenty klasowe i stan

  • Nowe funkcje aplikacji

  • Pierwszy komponent klasowy

  • Modyfikowanie stanu komponentu

  • Stary zapis komponentów klasowych

  • Stworzenie rodzica ze stanem aplikacji

  • Pobieranie danych od komponentów dzieci

  • Dodawanie nowego elementu listy

  • Dodawanie CSS Modules i SCSS

  • CSS Modules w praktyce

  • Refactoring formularza

  • Ekstrakcja komponentu

  • Renderowanie warunkowe

Podstawy routingu

  • Nowe funkcje aplikacji - routing

  • Czym jest React Router

  • Rozbudowa struktury aplikacji

  • React Router - pierwsze kroki

  • Czym jest Switch

  • Tworzenie menu z komponentem NavLink

  • Stylowanie headera

  • Tworzenie modala

  • Otwieranie i zamykanie modala

  • Tworzenie dynamicznego formularza

  • Renderowanie warunkowe pól formularza

Stan aplikacji z Context API

  • Czym jest Context API

  • Context API w praktyce

  • Tworzenie inteligentnego formularza

  • Instalujemy React Dev Tools

  • Dynamiczne przypisywanie notatek do kategorii

  • Wyświetlanie notatek w kategoriach

  • Ostatnie poprawki

Podsumowanie

  • Deployment aplikacji na Netlify

  • Podsumowanie kursu

  • Zakończenie