Pridajte program React.js Explorer do prehliadača Chrome pomocou nástrojov React Developer Tools

Každý webový vývojár by mal vedieť o úžasnom Nástroje pre vývojárov Chrome. Táto funkcia je postavený priamo do prehliadača Chrome a umožňuje vývojárom skontrolujte stránky a upravovať alebo odstraňovať prvky priamo z prehliadača.

Je to neuveriteľne silný a je to najlepší spôsob správanie stránky štúdie ako je latencia, zdroje stránky alebo vykonávanie príkazov konzoly.

Facebook tím vytvoril React.js knižnica, ktorá odoberá vrstvu vývojárov frontend opätovne použiť niektoré prvky používateľského rozhrania.

A teraz, s Reagujte na vývojárske nástroje môžeš skontrolujte tieto hierarchie prvkov a upravte ich priamo na stránke.

Toto je úplne zadarmo rozšírenie a jeho vyvinutý ľuďmi na Facebooku takže viete, že je to dobrá kvalita.

Môžete tiež študovať rôzne stavy a cesty objektových stromov vrátane prvkov, ktoré sú nad a pod inými prvkami.

V bočnom paneli môžete prechádzať rekvizity a štáty ktoré vám umožnia študovať správanie iných prvkov v tom istom strome. Toto je vlastne skvelý plugin pre novších používateľov React pretože im môže pomôcť pochopiť viac o knižnici.

To samozrejme zahŕňa aj to všetkých poslucháčov udalostí ktoré by mohli zmeniť stav určitej súčasti. A strúhanka v spodnej časti umožňujú ľahko prechádzať cez elementy rodiča / dieťaťa.

To je ďaleko od dokonalého nástroja React. Ale bude to vaša práca oveľa jednoduchšie, keď ste budovať dynamické aplikácie od začiatku.

to je úplne otvorené s oficiálnym repo GitHub udržiavaným na Facebooku a často aktualizovanými.

Túto rozšírenie prehliadača Chrome môžete nainštalovať pre ktorúkoľvek verziu prehliadača Chrome. Alebo ak ste používateľom Firefoxu, môžete pozrite si doplnok FF ktorý podporuje FireFox v38 a vyšší. Zatiaľ som nevidil žiadnu podporu používateľom Safari / Opera, ale je to rozšírenie s otvoreným zdrojovým kódom, takže to môže prísť v blízkej budúcnosti.