Ta lekcja jest w bazie eduweb

Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.

Lekcja 38/ 44Testowanie contextu

0:00 / 0:00

React: Testowanie contextu

6 godz. 6 min wideo44 lekcje6 modułów

Adam RomanskiFrontend developer & YouTube Creator
Wszystkie kursy autora

Czego się nauczysz

  • Higher Order Components
  • Render Props
  • Zaawansowane hooki reactowe
  • Tworzenie własnych hooków
  • Compound Components
  • Testy jednostkowe
  • Testy integracyjne
  • Testowanie zapytań asynchronicznych
  • Dobre praktyki tworzenia aplikacji
  • Bulma

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.

Higher Order Components

Jeden 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.

Render Props

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

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

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.

Testowanie aplikacji reactowych

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.

Dobre praktyki

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.

Dla kogo jest ten kurs?

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.

Wersja oprogramowania: 16.8.x

Kurs React

6 rozdziałów44 lekcje6h 6min

Wstęp do kursu

30min
  • Wprowadzenie2min(zablokowana)
  • Słowem wstępu10min(zablokowana)
  • Konfiguracja środowiska pracy8min(zablokowana)
  • Jak działa Bulma10min(zablokowana)

Zaawansowane wzorce projektowe

2h 41min
  • Czym są Higher Order Components4min(zablokowana)
  • HOC - przygotowanie komponentu8min(zablokowana)
  • HOC - komponent bliźniaczy5min(zablokowana)
  • Stworzenie pierwszego HOC11min(zablokowana)
  • Zagnieżdżanie HOC9min(zablokowana)
  • Komponowanie HOC5min(zablokowana)
  • Czym są render props6min(zablokowana)
  • Render props w praktyce12min(zablokowana)
  • Zagnieżdżanie render props6min(zablokowana)
  • Render props i Downshift7min(zablokowana)
  • Render props i Downshift cz 210min(zablokowana)
  • React hooks - useState9min(zablokowana)
  • React hooks - useState cz 214min(zablokowana)
  • React hooks - useReducer11min(zablokowana)
  • React hooks - useEffect9min(zablokowana)
  • React hooks - useRef8min(zablokowana)
  • useRef i GSAP7min(zablokowana)
  • React hooks - tworzenie własnych hooków8min(zablokowana)
  • React hooks - tworzenie własnych hooków cz 211min(zablokowana)

Compount Components czyli komponenty złożone

46min
  • Czym są Compound Components8min(zablokowana)
  • Tworzenie multi-step form10min(zablokowana)
  • Dodawanie contextu dla Compound Component9min(zablokowana)
  • Współdzielenie stanu12min(zablokowana)
  • Dodawanie nowych komponentów7min(zablokowana)

Testowanie aplikacji reactowych

1h 51min
  • Konfiguracja środowiska testowego9min(zablokowana)
  • Jest - przypomnienie10min(zablokowana)
  • Czym jest react-testing-library16min(zablokowana)
  • Testowanie propsów6min(zablokowana)
  • Testowanie wartości pól8min(zablokowana)
  • Testowanie eventu onChange8min(zablokowana)
  • Walidacja pola12min(zablokowana)
  • Refactor testów6min(zablokowana)
  • Problemy z routerem9min(zablokowana)
  • Testowanie contextu8min(zablokowana)
  • Testowanie zapytań asynchronicznych8min(zablokowana)
  • Testowanie zapytań asynchronicznych cz 212min(zablokowana)

Dobre praktyki

14min
  • Modularyzacja kodu, wydzielanie logiki6min(zablokowana)
  • Single Responsibility Principle i obsługa błędów7min(zablokowana)

Podsumowanie

4min
  • Podsumowanie kursu4min(zablokowana)
  • Zakończenie1min(zablokowana)

Ten kurs jest w bazie eduweb

Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.

Wykup dostęp do bazy

Autor kursu

Średnia ocen autora: 4,6

Bio

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!