12. diel - Ekosystém Reactu - TypeScript
V predchádzajúcej lekcii, Mutácie a otázky v GraphQL s knižnicou Apollo , sme si rozšírili znalosti GraphQL a vyskúšali sme si prácu s dátami prostredníctvom otázok a mutácií s využitím knižnice Apollo.
V nasledujúcom tutoriále pokročilého Reactu sa budeme zaoberať kontrolou dátových typov s využitím TypeScriptu. Ukážeme si, ako využiť TypeScript pre efektívne definovanie typov v React komponentoch, správu stavu a odovzdávanie props.
TypeScript
Typescript je nadstavba JavaScriptu. Rozširuje ho o statické typovanie, triedy, rozhrania a ďalšie veci známe z OOP. Podrobné informácie máme v kurze Typescript.
Použitie TypeScriptu v Reactu si ukážeme na aplikácii Task Manager.
Založenie projektu Task Manager
V pracovnom priečinku si otvoríme terminál a spustíme príkaz na
vytvorenie aplikácie. Vytvorí sa nám zložka task_manager/.
Presunieme sa do nej a projekt spustíme na lokálnom serveri:
Po vytvorení projektu Task
Manager a nastavení TypeScriptu je na prvý pohľad vidieť, že súbory majú
koncovku .tsx namiesto obvyklej .ts. Táto zmena
umožňuje použitie syntaxe JSX aj v TypeScripte. V IDE si otvoríme súbor
src/App.tsx a uvidíme štandardný obsah React aplikácie:
...koniec náhľadu článku...
Pokračuj ďalej
Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
24 €
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš s Prevádzkovými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V tutoriále pokročilého Reactu sa naučíme používať TypeScript. Tým zaistíme predovšetkým kontrolu dátových typov.
