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
Došiel 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ť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
600 kreditov
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.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- 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ť.
