Lekce 23 - Optimalizace React aplikací
V předchozí lekci, Debugování v Reactu - React vývojářské nástroje, jsme si ukázali rozšíření vývojářských nástrojů pro React a podívali jsme se na jeho dvě hlavní části, a to Components a Profiler.
V dnešním tutoriálu pokročilého Reactu se zaměříme na strategie pro optimalizaci React aplikací, konkrétně na code splitting a memoizaci.
Optimalizace aplikací
Optimalizace zahrnuje různé postupy a techniky, které mají za cíl zlepšit výkon a efektivitu naší aplikace. V průběhu kurzu jsme se již setkali s vícero optimalizačními technikami pro React. Jako příklad si uveďme code splitting pomocí lazy loading v lekci Načítání dat na pozadí nebo memoizaci v lekci Hooky v Reactu - useCallback() a useMemo(). Teď si je společně zopakujeme a shrneme.
Code splitting
V kontextu Reactu a jiných moderních frameworků pomáhá technika code splitting (dělení kódu)
...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.
Koupit tento kurz
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íš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- 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 si ukážeme techniky pro optimalizaci se zaměřením na memoizaci a na metodu code splitting pomocí funkce lazy().
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.