22. diel - Debugovanie v React - React vývojárske nástroje
V predchádzajúcej lekcii, Debugovanie v React - Základy a vývojárske nástroje , sme si vysvetlili stratégie pre debugovanie a ukázali sme si debugovanie pomocou vývojárskych nástrojov v prehliadači.
V dnešnom tutoriále pokročilého Reactu sa zameriame na rozšírenie vývojárskych nástrojov pre React. Pozrieme sa na jeho dve hlavné časti, Components a Profiler.
React vývojárske nástroje
Pomocou React vývojárskych nástrojov dokážeme zobraziť štruktúru aplikácie a vidieť, ako sú jej komponenty usporiadané. Dokážeme tiež upravovať props a stav komponentov priamo z prehliadača. Umožňujú nám tiež sledovať výkon aplikácie a nájsť miesta, kde dochádza k zbytočnému prekresľovaniu komponentov.
Nástroje obsahujú niekoľko záložiek a funkcií, ktoré umožňujú preskúmavať a ladiť komponenty. Predstavíme si ich na našej aplikácii s pokémonmi, ktorú si stiahneme z archívu lekcie Načítanie dát na pozadí.
Stiahnutý súbor rozbalíme a otvoríme vo vybranom editore kódu. V
termináli spustíme inštaláciu npm balíčkov a lokálne
aplikáciu spustíme:
Pridanie nástrojov do prehliadača
Rozšírenie vývojárskych nástrojov pre React si najskôr pridáme do prehliadača.
...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 predstavíme rozšírenie vývojárskych nástrojov pre React so zameraním na jeho dve hlavné časti Components a Profiler.
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ť.
