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:
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
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émiové sekcie.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
600 kreditov
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.
- 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.
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ť.
