4. diel - Základy štylovania aplikácie pomocou Material UI v Reactu
V predchádzajúcej lekcii, Serverové renderovanie s Next.js , sme sa zaoberali frameworkom Next.js a serverovým renderovaním.
V nasledujúcom tutoriále pokročilého Reactu si ukážeme
základy štylovania pomocou knižnice Material UI. Zoznámime sa tiež so
základnými komponentami Container, Grid,
Typography a Button, ktoré knižnica ponúka.
Knižnica Material UI
Aby aplikácie v React vyzerali reprezentatívne, pridávame do nich rôzne štýly. Existujú knižnice komponentov, ktoré toto štylovanie uľahčujú. Jednou z nich je aj Material UI. Knižnica implementuje do sveta webových aplikácií princípy Material Designu od spoločnosti Google.
Jej výhodou sú preddefinované komponenty pre zaistenie jednotného vzhľadu, jednoduchosť štylovania a tiež pomoc s tvorbou responzívneho dizajnu. Veľkým plusom je kvalitná dokumentácia a aktívna komunita užívateľov, ktorí zdieľajú svoje znalosti a skúsenosti.
Poďme si teda vyskúšať v praxi, čo knižnica Material UI vie. Založíme si na to novú React aplikáciu, do ktorej knižnicu nainštalujeme.
...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
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 si základy použitia knižnice Material UI a jej vybrané komponenty Container, Grid, Typography a Button.
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ť.
