Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

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

Znalosti v hodnotě stovek tisíc získáš za pár korun

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.

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.

Co od nás v dalších lekcích dostaneš?
  • 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 si ukážeme techniky pro optimalizaci se zaměřením na memoizaci a na metodu code splitting pomocí funkce lazy().
Článek pro vás napsala Laura Baluchová
Avatar
Aktivity