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 eur

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.

Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš s Prevádzkovými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • 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 React tutoriále sa naučíme používať utility funkcie a definujeme stavy našej aplikácie pomocou React hooku useState().
Č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