Kurs React & TypeScript

Wprowadzenie

Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • QA

3 ocen

Wprowadzenie

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.

  1. Konfiguracja TypeScript w React
  2. Typowanie propsów
  3. Typowanie komponentów (również klasowych)
  4. Typowanie hooków (również własnych)
  5. Typowanie zdarzeń i formularzy
  6. Dodawanie typów do Redux

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.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
28 minut

Czy warto uczyć się TypeScript’u?

Kiedy i od czego zacząć

TypeScript na przestrzeni ostatnich lat coraz mocniej zaznacza swoją obecność w świecie web developerów. Mimo tego nadal wielu programistów odsuwa w czasie naukę tego języka, a niektórzy nawet... rezygnują z jego wykorzystania. Z czego to wynika? O jakich zaletach oraz wadach TypeScript’u trzeba wiedzieć? W tym webinarze Adam Gospodarczyk pomoże podjąć Wam decyzję o tym czy - i kiedy - warto sięgnąć po ten nadzbiór języka JavaScript.

Adam Gospodarczyk

2 godziny 35 minut

Kurs TypeScript

Techniki Zaawansowane

Kurs, który masz przed sobą to dopełnienie Kursu Podstawowego TypeScript, który znajdziesz na eduweb.pl. W tym, skondensowanym materiale Adam Gospodarczyk na praktycznych przykładach wprowadzi Cię w trudniejsze i bardziej zaawansowane mechanizmy TypeScript, który stał się jedną z obowiązkowych pozycji w resume każdego web developera. W kursie dowiesz się między innymi, jak pracować ze złożonymi typami, ich definicjami, konfiguracją czy type guards. To jeden z najważniejszych kursów do przerobienia dla każdego, kto zajmuje się front-endem i web developmentem. Miłego odbioru!

Adam Gospodarczyk

34 minuty

Wszystko o Typach

JavaScript i TypeScript

TypeScript dzięki wprowadzeniu statycznego typowania na zawsze zmienił oblicze JavaScriptu. W tym Warsztacie Adam Gospodarczyk z Overment przedstawi główne różnice pomiędzy TypeScript a JavaScript, a także szereg zalet statycznego typowania.

Adam Gospodarczyk

1 godzina 54 minuty

Kurs TypeScript

od Podstaw

TypeScript dzięki wprowadzeniu statycznego typowania na zawsze zmienił oblicze JavaScriptu. W tym Kursie poznasz jego działanie, które wykorzystasz w swojej codziennej pracy. Co ważne, TypeScript oferuje również dostęp do funkcji, które jeszcze nie są częścią standardu ECMAScript. Przez istnienie tzw. nadzbioru języka JavaScript - kod pisany w JavaScript jest w 100% kompatybilny z TypeScriptem. W efekcie możesz zacząć używać go już teraz i stopniowo wdrażać w swoich projektach.

Adam Gospodarczyk

Autor: Adam Gospodarczyk

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 miałem 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.

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

Autor: Adam Gospodarczyk

Czas: 1 godzina 31 minut

Wersja: -

Aktualizacja: 20.09.2021

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

Wstęp

  • Wprowadzenie

  • Nowy projekt

  • Istniejący projekt

  • Konfiguracja TypeScript & ESLint

Typy propsów

  • Typowanie propsów

  • Default props

  • PropTypes

  • Children

  • Render props

Komponenty

  • Komponenty funkcyjne

  • Komponenty klasowe

  • Komponenty generyczne

  • Komponenty renderless

Hooki

  • useState

  • useEffect

  • useRef

  • useReducer

  • useContext

  • Własne hooki

Zdarzenia i Formularze

  • Typy zdarzeń

  • Typy formularzy

Redux

  • Typy i Redux

}