4. diel - Základy štylovania aplikácie pomocou Material UI v Reactu
V predchádzajúcej lekcii, Serverové renderovanie druhýkrát - Štýlovanie v Tailwind CSS , sme dokončili serverové renderovanie a našu aplikáciu naštylovali pomocou Tailwind CSS.
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émiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
24 €
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš s Prevádzkový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.
