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
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 €
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íš 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 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().
