Sari la conținut
Dezvoltare FE—03

TypeScript în lucru

Un curs despre felul în care tipurile prind erorile înainte de rulare, nu despre teoria sistemelor de tipuri. Luăm magazinul din cursul «React în practică» și îl trecem pe TypeScript, fișier cu fișier: props, stare, date de la server, hook-uri proprii. La final citești proiecte tipizate scrise de alții fără spaimă.

8 module18 lecții
14 orede video și practică
Necesită Reactcerințe
Pe viațăacces și actualizări
Format
€49 plată unică
Plasează comanda Deschide programa
Plată cu cardul sau prin PayPal
Accesul se deschide imediat după plată
Retur în 14 zile, dacă nu ai început să vizionezi
Rezultat

Ce vei putea face

Să citești mesajul compilatorului și să înțelegi de ce se plânge
Să descrii datele aplicației prin tipuri și să le refolosești
Să restrângi tipurile prin verificări, în loc să convertești la any
Să tipizezi props, children și handlerele de evenimente
Să lucrezi cu starea și cu formularele astfel încât eroarea să apară în editor
Să scrii generice acolo unde chiar sunt necesare — în hook-urile tale
Să verifici datele de la server, în loc să crezi tipul declarat
Să treci un proiect existent în modul strict, pas cu pas
Programa

8 module, un singur proiect

Apasă pe un modul ca să vezi lecțiile

01 De ce tipuri2 lecții · 1 h 24 minDeschis

Ce prind cu adevărat tipurile, ce nu prind și de ce un proiect se migrează pe bucăți, nu într-o singură seară.

Ce erori găsesc tipurile înainte de rulare
Conectăm TypeScript la un proiect existent
02 Tipurile datelor aplicației2 lecții · 1 h 32 min

Descriem produsul, utilizatorul și comanda — aceleași entități care există deja în magazin.

Primitive, obiecte, array-uri, tipuri literale
type și interface: ce alegi și când contează
03 Funcții, restrângere și union3 lecții · 2 h 14 min

Tehnica de lucru principală din TypeScript: o verificare în cod, după care tipul devine exact.

Argumente, valoare returnată și parametri opționali
Tipuri union și restrângerea prin verificări
Practică: starea de încărcare ca union
04 Props și children2 lecții · 1 h 34 min

Componente cu interfață tipizată: ce este obligatoriu, ce nu și cum descrii children și ref.

Tipurile props-urilor, valori implicite, children
Componente-ambalaj și transmiterea props-urilor străine
05 Stare și evenimente3 lecții · 2 h 18 min

useState, formularele și handlerele: locul în care începătorul scrie cel mai des any și pierde tot folosul.

useState și useReducer cu tipuri
Evenimente, formulare și referințe către elemente DOM
Practică: formular de comandă tipizat
06 Generice fără frică2 lecții · 1 h 36 min

Generice pe hook-urile proprii: mai întâi cod concret, apoi generalizare — și abia atunci devine clar de ce.

De la un hook concret la unul generic
Practică: useFetch și useLocalStorage cu tipuri
07 Date de la server2 lecții · 1 h 32 min

Tipul nu garantează că serverul a trimis exact asta: verificăm datele la granița aplicației.

Tipurile răspunsului API și un client comun de cereri
Verificarea datelor la graniță, în loc de încredere oarbă
08 Migrarea întregului proiect2 lecții · 1 h 50 min

Modulul final: activăm strictețea pas cu pas și scoatem ultimele any din magazin.

strict pas cu pas: ce activezi primul
Verificarea finală: un proiect fără niciun any
Materiale

Ce primești

18 lecții cu transcriere

Video cu marcaje de timp și variantă scrisă: codul din lecție se copiază împreună cu mesajele compilatorului.

Magazinul din cursul FE—02

Același proiect în JavaScript, în starea inițială, și versiunea lui tipizată — le poți compara fișier cu fișier.

Analiza erorilor de compilare

Douăzeci de mesaje tipice, traduse pe limba omului, cu explicația a ceea ce trebuie corectat.

Configurații gata făcute

tsconfig pentru modul strict și pentru unul permisiv, cu comentarii la fiecare flag — ca să activezi strictețea treptat.

Dediu Pavel
Autorul cursului

Dediu Pavel

Predă direcția «Dezvoltare web» la Forma. Lista completă a cursurilor este pe pagina autorului.

Toate cursurile autorului

Primul modul este deschis în întregime

Urmărește lecțiile primului modul și prima temă. Dacă formatul nu ți se potrivește, nu ai pierdut nimic.