Vimeo nie odtwarza tego filmu na tej stronie. Film jest przypisany do poprzedniej domeny.
od Podstaw
4 godz. 55 min · ReactJS · Full-stack i Programowanie
Adam RomanskiFrontend developer & YouTube CreatorWszystkie 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.
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.
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.
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.
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.
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.
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.
Tempo zmian we frontendzie jest tak ogromne, że po prostu ciężko za tym nadążyć. Mamy
tyle framework'ów, że prostu nie wiem, kiedy mielibyśmy się tego nauczyć. Mam React'a,
mamy Angular'a, mamy Vue, mamy Svelte, mamy Preact'a. Jest
nawet taki żart, że jeśli jesteś na jakimś frontend'owym meetup'ie
i siedzą koło ciebie dwie osoby, to prawdopodobnie ta po lewej już
wypuściła framework, a ta po prawej wypuści go jutro. Ale
w tym szaleństwie jest metoda, bo jak się poobserwuje trochę dłużej te branże, to
można zauważyć pewne zależności i React jest właśnie taką
technologią, która kilku lat niepodzielnie rządzi, jeśli chodzi o te framework'i, to
jego najczęściej ludzie się uczą, żeby dostać pracę. Więc, jeśli ktoś chciałby
zainwestować swoją przyszłość, jako frontend'owiec, to pewnie React będzie
tutaj najlepszą odpowiedzią na jego potrzeby. Tak naprawdę, jeśli przyjrzymy
się framework'om JavaScript'u, to ich możliwości są bardzo podobne. Nie
ma jakichś ogromnych różnic. Może niektóre mają jakieś większe predyspozycje do
dużych aplikacji. Natomiast React ma to do siebie, że można zrobić z
niego bardzo prostą, łatwą aplikację, ale można też ją wyskalować, do takich
dużych, jak to mówimy - enterprise'owych rozwiązań, które są bardzo kompleksowe, które
mają mnóstwo funkcji. Więc nic nas nie ogranicza, to
jest po prostu JavaScript i wszystko jest w naszych rękach. Na co
dzień pracuję w netguru, gdzie z zespołem programistów pracujemy nad małymi
i dużymi rozwiązaniami, to tak naprawdę zależy od projektu i to,
co jest fajne, to właśnie to, że React pozwala na tworzenie naprawdę
ciekawych rozwiązań. Praca w grupie, nad takim projektem, jest naprawdę
fajna, ponieważ tworzymy komponenty, tworzymy podstrony. To wszystko
jest bardzo modularne, to wszystko jest bardzo elastyczne i nawet jeśli pracujemy
w kilka osób, to każdy ma coś do roboty, wie jak to robić. Praca w
React'cie jest mega przyjemna, ponieważ pozwala Ci on zrobić, tak naprawdę, wszystko. Tak jak
już mówiłem, jest to, po prostu, JavaScript i ma ogromne spektrum możliwości. To,
co nas ogranicza, to jedynie nasza wiedza na temat tego framework'a i JavaScript'u,
dlatego jeśli ktoś lubi JavaScript, odnajduje
się tym środowisku, to również odnajdzie się w React'cie. Tworzenie aplikacji, za
pomocą właśnie tej technologii, będzie super przyjemne. I ja kursy React'a zacząłem
jakoś cztery miesiące przed tym, jak, w ogóle, zaaplikowałem do swojej
pracy i to się fajnie złożyło, bo akurat pokrywał się trochę z tym zadaniem
rekrutacyjnym, które zostało mi zlecone, więc z jednej strony uczyłem
się go nadal, a z drugiej mogłem, w końcu, robić to, co
chciałem, żeby dostać się do wymarzonej pracy. Uczyłem się z kursu i właśnie
tam był ten problem, o którym chciałem tutaj powiedzieć, że było w
nim bardzo dużo rzeczy naraz wytłumaczonych, co powodowało, że
ja się czułem totalnie zagubiony. Nikt nie powiedział mi, od początku, do końca, czym
jest React. Tylko te granice między, na przykład, Redux'em a React'em a jeszcze
innymi paczkami się dość mocno zacierały i dlatego uważam, że to jest błąd i bardzo dużo
twórców kursów popełnia ten błąd, chcąc wytłumaczyć
wszystko na raz, a tak się nie da. Żeby zrobić coś dobrze, żeby zrozumieć coś dobrze. No, to
musimy od podstaw poznać, jak działa jakaś technologia. Tak, no
ja bym go nazwał takim React Essentials, to jest taki niezbędnik, twoich
narzędzi React'owych, których używać będziesz już do końca swojej kariery, jako
frontend'owiec w React'cie. Bez poznania tych narzędzi, tak
naprawdę, niewiele wskórasz, ale też dzięki temu kursowi, zrozumiesz gdzie
jest ta granica - między React'em, a innymi narzędziami, które przydadzą Ci później w bardziej
zaawansowanych projektach. React jest zauważalny już nie tylko w
samym frontend'zie, ale też pojawia się właśnie w takich narzędziach dla grafików, jak
przykład Framer X, a więc anenie tego typu technologii będzie kluczowe
przez następne kilka lat. Wydaje mi się, że nie tylko dla frontend'owców, ale też dla
ludzi ogólnie z branży IT. Wydaje mi się, że każdy znajdzie
tutaj coś dla siebie. Kurs jest przygotowany w taki sposób, że wymaga pewnej znajomości
HTML'a, CSS'a JavaScript'u - zwłaszcza od wersji ES6
w górę. Na tym właściwie React został zbudowany. Natomiast, jeśli
ktoś się dopiero zaczyna, jest takim początkującym programistą albo po prostu entuzjastą,
to takie trudniejsze zagadnienia w tym kursie omówiłem
trochę bardziej szczegółowo. Dlatego, wydaje się, że nikt nie czuł się zagubiony. Gdybym
ucząc się miał do dyspozycji ten kurs, to największą jego zaletą byłoby to, że samo
obejrzenie tego kursu dałoby mi wystarczająco dużo narzędzi, żeby zrealizować
to zadanie, które mi powierzono na rozmowie rekrutacyjnej, ponieważ właśnie
popełniłem ten błąd, który popełnia bardzo wielu początkujących. Wykorzystałem
za dużo narzędzi i totalnie się w tym pogubiłem. Połowy rzeczy nie zrobiłem, bo prostu nie wiedziałem jak. Natomiast,
nie znałem aż tak dobrze potencjału React'a, który mógłbym
wykorzystać, żeby po prostu, od początku do końca, zrobić to zadanie. Także,
wszystkich was serdecznie zapraszam na eduweb.pl, na mój kurs. Mam
nadzieję, że wam się spodoba. Do zobaczenia.