Lekce 10 - Načítání dat na pozadí
V předchozí lekci, Stylování kalkulačky pomocí Material UI, jsme si pomocí knihovny komponent Material UI nastylovali kalkulačku.
V následujícím tutoriálu pokročilého Reactu si
ukážeme využití komponenty Suspense v kombinaci s funkcí
lazy(). Ty v Reactu slouží k tomu, abychom dokázali jednoduše
komunikovat uživateli, že se data stále ještě načítají.
Pak své nové vědomosti vyzkoušíme na aplikaci s pokémony z kurzu Základy Reactu.
Komponenta Suspense
Komponenta Suspense v Reactu umožňuje jiným komponentám
čekat na načítání dat nebo asynchronních operací a zároveň udržovat
uživatelsky přívětivé rozhraní. Byla poprvé představena v Reactu 16.6 a
od té doby se stala důležitou součástí vytváření moderních webových
aplikací.
Mezi výhody použití komponenty Suspense patří zejména
zlepšení uživatelské zkušenosti, jelikož se zobrazují informace o
probíhajícím načítání a uživatel není v průběhu čekání na data
zmatený. Suspense také umožňuje Reactu optimalizovat
načítání dat a komponent tak, aby nedocházelo k náhlým změnám v UI
během načítání. Často se tím také zlepší celkový výkon aplikace.
Funkce lazy()
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
roční PŘEDPLATNÉ
1 082 Kč
měsíčně, placeno ročně (12 984 Kč)14 000+ lekcí, cvičení a testů
6 000+ ti zůstane napořád
Neomezený přístup ke všem aktuálním
i připravovaným kurzům.
Koupit pouze tento kurz
Získej okamžitý přístup ke kurzu bez
časového omezení.
600 Kč
Před koupí tohoto článku je třeba koupit předchozí díl
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš s Provozními podmínkami.
- Přístup k jednotlivým lekcím dle způsobu pořízení.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tutoriálu pokročilého Reactu se seznámíme s tím, jak při načítání dat zlepšit uživatelský zážitek pomocí komponenty Suspense spolu s funkcí lazy().
