23. diel - Optimalizácia React aplikácií
V predchádzajúcej lekcii, Debugovanie v React - React vývojárske nástroje , sme si ukázali rozšírenie vývojárskych nástrojov pre React a pozreli sme sa na jeho dve hlavné časti, Components a Profiler.
V dnešnom tutoriále pokročilého Reactu sa zameriame na stratégie pre optimalizáciu React aplikácií, konkrétne na code splitting a memoizáciu.
Optimalizácia aplikácií
Optimalizácia zahŕňa rôzne postupy a techniky, ktoré majú za cieľ zlepšiť výkon a efektivitu našej aplikácie. V priebehu kurzu sme sa už stretli s viacerými optimalizačnými technikami pre React, Za príklad si uveďme code splitting pomocou lazy loading v lekcii Načítanie dát na pozadí alebo memoizáciu v lekcii Hooky v Reactu - useCallback() a useMemo(). Teraz si ich spoločne zopakujeme a zhrnieme.
Code splitting
V kontexte Reactu a iných moderných frameworkov pomáha technika code splitting (delenie kódu)
...koniec náhľadu článku...
Pokračuj ďalej
Minul 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ť tento kurz
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.
- Neobmedzený a trvalý prístup k jednotlivým lekciím.
- 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 si ukážeme techniky pre optimalizáciu so zameraním na memoizáciu a na metódu code splitting pomocou funkcie 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ť.