Techniki Zaawansowane
6 godz. 6 min · ReactJS · Full-stack i Programowanie
Adam RomanskiFrontend developer & YouTube CreatorJeden z pierwszych i najbardziej popularnych wzorców w React, który przez lata był traktowany jako najlepszy sposób na wydzielanie logiki z komponentów i współdzielenie jej w wielu miejscach aplikacji. W kursie na przykładzie dowiesz się w jaki sposób można wykorzystać HOC, a także jak łączyć je ze sobą tworząc bardziej zaawansowane struktury.
Obecnie Render Props jest jedną z najczęściej wykorzystywanych praktyk pozwalającą, podobnie jak HOC, na tworzenie abstrakcji, z których możemy czerpać dane lub zachowania potrzebne w naszych komponentach. Na pierwszy rzut oka Render Props mogą przerażać, ale spokojnie – zaczniemy od prostego przykładu, który pozwoli Ci zrozumieć, że nie ma się czego bać.
Hooks to temat niezwykle ciekawy i populary, ale rzadko poruszany w sposób bardziej zaawansowany. W tym kursie dowiesz się nie tylko jak używać takich hooków jak useState, useReducer, useEffect, useContext czy useRef, ale też jak napisać swoje własne hooki, które niesamowicie uprzyjemnią pracę z Reactem.
Compound Components to prawdziwa "ciężka artyleria" Reacta – stosowana w zadaniach wymagających sporej złożoności. Ewoluowała przez lata i kiedyś zawsze spotykana była w formie klas, natomiast w tym kursie proponujemy nieco lżejsze podejście. Dowiesz się jak wykorzystując hooki możesz stworzyć Compound Component wyłącznie przy użyciu komponentów funkcyjnych.
Testy to hasło, które potrafi wzbudzić lęk u osób uczących się Reacta, lub jakiejkolwiek innej technologii. Rzadko kto jednak mówi to głośno – testy są przyjemne! Wystarczy tylko zrozumieć w jaki sposób środowisko testowe działa i jakimi rządzi się zasadami. Przerobimy to wszystko wspólnie, a na koniec kursu przekonasz się, że to faktycznie ciekawe i przyjemne zagadnienie.
W kursie przygotowana jest też garść dobrych praktyk, które pozwolą Ci spojrzeć krytycznie na niektóre fragmenty kodu i ulepszać je w taki sposób, aby stanowiąc część większej całości miały więcej sensu i wdzięku. Dowiesz się czym jest Single Responsibility Principle, jak wydzielać odpowiednio logikę z komponentów i paru innych ciekawych wskazówek.
Ten kurs został stworzony z myślą o programistach swobodnie poruszających się po podstawach i nieco bardziej skomplikowanych partiach Reacta, ale nadal czujących, że brakuje im czegoś, aby wynieść swoje aplikacje na jeszcze wyższy poziom. Rzeczy związane z zaawansowanym JavaScriptem będziemy tu wykorzystywać intuicyjnie, bez zbędnego tłumaczenia, dlatego zanim przystąpisz do tego kursu, upewnij się, że treści React od Podstaw oraz React w Praktyce są dla Ciebie jasne i zrozumiałe.
16.8.x
Cześć dotarliśmy szczęśliwie do końca tego kursu
i tak jak na początku pokazywałem ci co należy
wziąć pod uwagę jeśli chcemy żeby nasza nauka była skuteczna to teraz sobie to jeszcze
przypomnimy i sprawdzimy czy faktycznie mamy wszystko
ze sobą znajomość zaawansowanych wzorców mamy za sobą
za chwilkę jeszcze o nich opowiem znajomość dobrych praktyk opowiedzialem ci o nich
trochę na samym końcu ale zachęcam cię też do tego żeby po prostu czytać
jak najwięcej o dobrych praktykach w sieci żeby śledzić ludzi na githubie
na twitterze którzy mają faktycznie wpływ na to jak rozwija
się ekosystem reacta bo to oni tak naprawdę tworzą te dobre
praktyki to oni mówią jak coś powinno wyglądać nie mówię
o tym żeby ślepo za nimi iść mówię tylko o tym żeby krytycznie patrząc na to znajdować
takie fragmenty takie sposoby działania które ci odpowiadają które też
pasują do twojej aplikacji do twojego kodu który teraz rozwijasz bardzo istotną
częścią tego testowanie własnego kodu to był taki kolejny duży fragment
kursu który był właśnie poświęcony testami jednostkowymi integracyjnym mamy
to za sobą i myślę że dość dobrze pokazałem ci jak działa
react testing library jak możesz go wykorzystać po to aby z pewnością
dowozić nowe feature'y w swoich aplikacjach znajomość zaawansowanych
narzędzi tak naprawdę zamyka się w tych wszystkich trzech kursach
które przygotowałem tutaj na eduweb i na przestrzeni tych trzech kursów
naprawdę przewinęło nam się mnóstwo ciekawych bardzo zaawansowanych często
narzędzi które umożliwiają skuteczną pracę ze współczesnymi
aplikacjami webowymi przejdziemy sobie jeszcze na chwilkę do zaawansowanych
wzorców i podsumujemy to czego się dowiedzieliśmy w tym kursie przede
wszystkim poruszyliśmy sobie temat higher order componentów które mówi się że
powoli wychodzą z użycia natomiast czasami faktycznie jeszcze mają zastosowanie
i warto na pewno wiedzieć jak one działają render propsy to był kolejny bardzo duży
dział w którym pokazałem ci kilka przykładów jak to wszystko powinno wyglądać
skąd się te render propsy biorą i jak właściwie działają poruszyliśmy
też temat compound components które są uważane za jedne z takich bardziej
zaawansowanych wzorców projektowych w react'cie i mam nadzieję że ten przykład który
ci pokazałem dobrze wyjaśnił jaka jest istota w ogóle compound components i skąd
one się biorą i oczywiście przez cały ten kurs i to był taki
mój główny cel w ogóle w tym kursie żeby mocno postawić właśnie na hooksy
na to nowe api reactowe które wniosły naprawdę sporo świeżości
które przyniosło ten ciężar rozwijania aplikacji na komponenty
funkcyjne i myślę że to jest krok w taką dobrą stronę więc poznaliśmy
tutaj naprawdę sporo hooks'ów ale zachęcam cię też do tego żeby poczytać sobie dokumentację
tych hooks'ów jest jeszcze trochę więcej nie wszystkie byliśmy w stanie tutaj
przerobić jednak myślę że te przykłady które ci pokazałem będą dobrą bazą
do zrozumienia pozostałych i do dalszej nauki więc jeszcze raz wielkie dzięki
za obejrzenie tego kursu mam nadzieję że pomógł ci zrozumieć zaawansowanego
reacta oczywiście nie poruszyliśmy tutaj absolutnie wszystkich kwestii
związanych z reactem jest to zbyt duży ekosystem i też
nawet react jako sama biblioteka oferuje naprawdę bardzo dużo rzeczy
które ciężko byłoby zawrzeć w jednym materiale jeśli mogę mieć dla
ciebie jakąś radę to po prostu nie przestawaj czytać nie przestawaj oglądać materiałów o react'cie
i bądź na bieżąco z tym wszystkim co się dzieje w tym ekosystemie ponieważ
on naprawdę ma bardzo dużo do zaoferowania ale jest też bardzo dynamiczny więc trzeba
trzymać rękę na pulsie trzeba po prostu obserwować to jak to wszystko się zmienia żeby
nie wypaść z obiegu jeszcze raz bardzo ci dziękuję i życzę ci powodzenia w
twoich przyszłych projektach