IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

8. diel - Kalkulačka v React - Utility funkcie a stavy

V minulej lekcii, Kalkulačka v React - Tvorba komponentov, sme si postupne vytvorili komponenty na zadanie čísla, vypísanie výsledku a pre formulár kalkulačky.

V React tutoriále definujeme stavy našej aplikácie pomocou React hooku useState(). Dostaneme sa tiež k utility funkciám.

Polčas - Rekapitulácia

Keďže tvorba aplikácií v React je komplexná a sme asi v polovici, poďme si ešte pred dnešnou lekciou urobiť malú rekapituláciu. Znalosti sa nám tak lepšie uložia a zistíme, že princíp je v jadre jednoduchý. Najprv si zhrnieme, čo všetko máme zatiaľ pripravené:

  • Naša aplikácia je zložená zo samostatných komponentov, konkrétne máme:
    • vstupné pole na čísla,
    • výstupný element na výsledok,
    • výber operácie (komponent Select sme naimportovali už pripravený z Reactu),
    • komponent s kalkulačkou obsahujúci komponenty vyššie,
    • komponent aplikácie obsahujúci komponent s kalkulačkou.
  • Komponenty načítajú vstupné dáta z HTML štruktúry a tieto dáta zobrazujú alebo odovzdávajú ako vstup ďalším komponentom

V aplikácii nám ešte chýba:

  • Implementovať logiku výpočtu.
  • Definovať stavy a tak hodnoty v komponentoch meniť.
  • Reagovať na udalosti a tak kalkulačku sprevádzkovať.

 

...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 a certifikátom za exkluzívnu cenu 247,50 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto výhodného balíčku získaš prístup ku všetkým 17 článkom (14 lekcií, 2 praktické cvičenia, test) s kontrolou a certifikáciou a ešte naviac ušetríš 78 Kč. Ponuka je časovo obmedzená a platí pro všetky lekcie v kurze. Nakúp teraz a získaj limitovanou 24% zľavu.

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 React tutoriále sa naučíme používať utility funkcie a definujeme stavy našej aplikácie pomocou React hooku useState().

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 David Hartinger
Avatar
David je zakladatelem ITnetwork a programování se profesionálně věnuje 15 let. Má rád Nirvanu, nemovitosti a svobodu podnikání.
Unicorn university David sa informačné technológie naučil na Unicorn University - prestížnej súkromnej vysokej škole IT a ekonómie.
Aktivity