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émiové sekcie.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
600 kreditov
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.
- 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().
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ť.
