Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

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

Vedomosti v hodnote stoviek tisíc získaš za pár korún

Minul 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ť tento kurz

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh iba za 600 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto balíčku získaš prístup ku všetkým 30 článkom (30 lekcií) tohoto kurzu.

Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Neobmedzený a trvalý prístup k jednotlivým lekciím.
  • 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ť.

Článok pre vás napísala Laura Baluchová
Avatar
Aktivity