Ta lekcja jest w bazie eduweb

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

Wykup dostęp do bazyZaloguj się kontem Easy

Lekcja 12/ 22Komponenty generyczne

0:00 / 0:00
Full-stack i ProgramowanieTypescriptPodstawy

React & TypeScript: Komponenty generyczne

1 godz. 31 min wideo22 lekcje6 modułów

Adam Gospodarczyk
Wszystkie kursy autora

Czego się nauczysz

  • Konfiguracja TypeScript w React
  • Typowanie propsów
  • Typowanie komponentów (również klasowych)
  • Typowanie hooków (również własnych)
  • Typowanie zdarzeń i formularzy
  • Dodawanie typów do Redux

React & TypeScript - Podstawy

TypeScript coraz częściej pojawia się w ogłoszeniach rekrutacyjnych, szczególnie tych w których pojawia się również React. W tym kursie dowiesz się w jaki sposób zacząć wykorzystywać TypeScript zarówno w nowych jak i istniejących projektach oraz poznasz podstawowe techniki przedstawione na prostych, zrozumiałych przykładach.

Co daje TypeScript?

TypeScript umożliwia opisanie naszego kodu typami oraz wychwytywanie dotyczących ich błędów na wczesnym etapie developmentu. W efekcie wykorzystanie TypeScript'u w projekcie podnosi jego jakość i zmniejsza ryzyko pomyłek, które mogą być nie wychwycone na etapie testowania lub mogą pojawić się dopiero w środowisku produkcyjnym.

TypeScript & React

Z pomocą Reacta tworzymy coraz bardziej złożone aplikacje w których ryzyko popełnienia błędów jest wysokie. TypeScript nie tylko je zmniejsza ale również wpływa pozytywnie na tzw. developer experience (doświadczenia programisty) poprzez to, że nasze IDE "wie więcej" na temat kodu który piszemy. A to z kolei przekłada się na lepszą wydajność i komfort pracy.

Bariera wejścia

Przy założeniu że znamy już samego Reacta oraz TypeScript, połączenie tych dwóch umiejętności jest stosunkowo proste. Wystarczy poznać ogólne zasady typowania propsów, komponentów oraz hooków aby z powodzeniem móc wykorzystywać zalety płynące z posiadania typów w naszym kodzie. W tym kursie dowiesz się jak to zrobić, w najszybszy możliwy sposób.

Informacje które pomogą Ci zacząć

Kurs został przygotowany tak aby na prostych przykładach pokazać Ci w jaki sposób wykorzystywać TypeScript w projektach React.js. Jeżeli szukasz źródła które pozwoli Ci szybko zacząć - jesteś w dobrym miejscu.

Najważniejsze zasady i dobre praktyki

Materiał zawiera dobre praktyki i sugestie dotyczące wykorzystania TypeScript'u oraz konfiguracji środowiska pracy (np. IDE) oraz ustawień samego projektu. Jest to wiedza którą możesz wykorzystać również w przypadku pracy z innymi technologiami.

Dla kogo jest ten kurs?

Kurs został przygotowany z myślą o osobach, które znają już React oraz TypeScript i chcą dowiedzieć się w jaki sposób połączyć te umiejętności. Materiał niemal całkowicie pomija informacje na temat mechanizmów Reacta oraz TypeScript'u. Jeżeli potrzebujesz poszerzyć swoją wiedzę na ich temat, zapraszamy Cię do naszych pozostałych kursów.

Kurs React & TypeScript

6 rozdziałów22 lekcje1h 31min

Wstęp

16min
  • Wprowadzenie4min(zablokowana)
  • Nowy projekt3min(zablokowana)
  • Istniejący projekt4min(zablokowana)
  • Konfiguracja TypeScript & ESLint6min(zablokowana)

Typy propsów

24min
  • Typowanie propsów7min(zablokowana)
  • Default props5min(zablokowana)
  • PropTypes4min(zablokowana)
  • Children3min(zablokowana)
  • Render props5min(zablokowana)

Komponenty

19min
  • Komponenty funkcyjne3min(zablokowana)
  • Komponenty klasowe3min(zablokowana)
  • Komponenty generyczne6min(zablokowana)
  • Komponenty renderless6min(zablokowana)

Hooki

16min
  • useState3min(zablokowana)
  • useEffect2min(zablokowana)
  • useRef2min(zablokowana)
  • useReducer3min(zablokowana)
  • useContext5min(zablokowana)
  • Własne hooki2min(zablokowana)

Zdarzenia i Formularze

8min
  • Typy zdarzeń5min(zablokowana)
  • Typy formularzy3min(zablokowana)

Redux

8min
  • Typy i Redux8min(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

Adam Gospodarczyk
Średnia ocen autora: 4,7

Bio

Nazywam się Adam Gospodarczyk, jestem designerem i full-stack developerem. Przez całą swoją karierę zawodową pracuję w świecie startupów z branży edukacji, szkoleń pracowników oraz rekrutacji. Jestem współzałożycielem trzech produktów, które rozwijałem w roli CTO od samego początku. Przez ten czas zdobyłem szerokie doświadczenie znacznie wykraczające poza zakres samej technologii. W maju 2017 roku założyłem kanał na YouTube „overment” (https://overment.com) w ramach side-project’u po godzinach. Dziś jest to jeden z największych w Polsce tego typu projektów dla programistów za który otrzymałem nagrodę „JavaScript Hero of Community” podczas konferencji JS Poland 2019. Łącząc moje startup’owe doświadczenie z pasją do technologii, pomogę Ci nauczyć się programowania patrząc szerzej na perspektywę całego biznesu - jest to doceniana przez pracodawców umiejętność, którą wiele osób całkowicie pomija. Przy tym wszystkim pokażę Ci jak ważna jest regularna nauka i pozostawanie na bieżąco.

Inne kursy tego autora

Pokaż więcej kursów