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

6. diel - Načítanie dát na pozadí

V predchádzajúcej lekcii, Hooky v React - useCallback() a useMemo() , sme si predstavili hooky useCallback() a useMemo() a ukázali sme si ich využitie v praxi spoločne s funkciou memo().

V nasledujúcom tutoriále pokročilého Reactu si ukážeme využitie komponentu Suspense v kombinácii s funkciou lazy(). Tie v React slúžia na to, aby sme dokázali jednoducho komunikovať užívateľovi, že sa dáta stále ešte načítavajú. Potom svoje nové vedomosti vyskúšame na aplikáciu s pokémonmi z kurzu Základy Reactu.

Komponenta Suspense

Komponenta Suspense v React umožňuje iným komponentom čakať na načítanie dát alebo asynchrónnych operácií a zároveň udržiavať užívateľsky prívetivé rozhranie. Bola prvýkrát predstavená v React 16.6 a odvtedy sa stala dôležitou súčasťou vytvárania moderných webových aplikácií.

Medzi výhody použitia komponentu Suspense patrí najmä zlepšenie užívateľskej skúsenosti, pretože sa zobrazujú informácie o prebiehajúcom načítaní a užívateľ nie je v priebehu čakania na dáta zmätený. Suspense tiež umožňuje Reactu optimalizovať načítanie dát a komponentov tak, aby nedochádzalo k náhlym zmenám v UI počas načítania. Často sa tým tiež zlepší celkový výkon aplikácie.

Funkcia lazy()


 

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

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.

Č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 sa zoznámime s tým, ako pri načítaní dát zlepšiť užívateľský zážitok pomocou komponentu Suspense spolu s funkciou lazy().

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