Chceš se vypracovat až k výdělku 160.000 Kč/měsíc? Důležité je začít. Staň se programátorem díky rekvalifikačnímu kurzu! Začni dnes!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

12. diel - Ekosystém Reactu - TypeScript Nové

V predchádzajúcej lekcii, Základy práce s dátami pomocou GraphQL , sme sa zoznámili s GraphQL ako alternatívou k REST API a vyskúšali sme si napísať pár otázok nad dátami v rozhraní GraphiQL. Vysvetlili sme si tiež, čo to je v GraphQL schéma.

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

Vedomosti v hodnote stoviek tisíc získaš za pár korún

Minul 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émiové sekcie.

Obmedzená ponuka: Nauč sa všetko a ušetri

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh za exkluzívnu cenu 405 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto výhodného balíčku získaš prístup ku všetkým 25 článkom (25 lekcií) s kontrolou a certifikáciou a ešte naviac ušetríš 71 Kč. Ponuka je obmedzená len pre prvé lekcie z kurzu a obsahuje exkluzívnu zľavu 15%.

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íš so zmluvnými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Neobmedzený a trvalý prístup k jednotlivým lekciím.
  • 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.

Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.

Článok pre vás napísal Jan Přikryl
Avatar
Jsem nadšenec do výpočetní techniky, od mala se zajímám o počítače. Na programování jsem narazil ještě před začátkem střední školy. To mě chytlo a od té doby jsem vyzkoušel jsem velké množství jazyků. Nejraději programuji v (a mám tedy největší zn...
Aktivity