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