5. diel - Štylovanie kalkulačky pomocou Material UI

V predchádzajúcej lekcii, Hooky v React - useState(), useEffect() a useRef() , sme si ukázali prácu s hookmi useState(), useEffect() a useRef().

V dnešnom tutoriále pokročilého Reactu aplikujeme získané znalosti štylovania pomocou knižnice Material UI na pridanie štýlov do aplikácie kalkulačky. Využijeme na to kód kalkulačky vytvorenej v kurze Základy Reactu. Porovnanie pôvodnej a naštylovanej kalkulačky bude vyzerať takto:

Porovnanie kalkulačiek

Potrebné inštalácie a spustenie projektu

Ako základ projektu použijeme kalkulačku, ktorú si stiahneme v lekcii kurzu Základy Reactu s názvom Kalkulačka v React - Udalosti a dokončení. Stiahnutý kód rozbalíme do pracovnej zložky. V preferovanom editore kódu av termináli si spustíme príkazy na inštaláciu potrebných modulov, knižnice Material UI a jej balíčka ikon a projekt nakoniec spustíme na lokálnom serveri:


 

...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.

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.

Č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 tutoriále pokročilého Reactu si ukážeme základy štylovania pomocou knižnice Material UI na konkrétnom príklade štylovania kalkulačky.
Článok pre vás napísala Laura Baluchová
Avatar
Aktivity