Adăugați React.js Explorer la Chrome cu Instrumente pentru dezvoltatori React

Fiecare dezvoltator web ar trebui să știe deja despre uimitor Instrumente de dezvoltare Chrome. Această caracteristică este construit direct în Chrome și permite dezvoltatorilor inspectați paginile și editați sau eliminați elemente chiar din browser.

Este incredibil de puternic și este cel mai bun mod de a face comportamentele paginii de studiu cum ar fi latența, resursele de pagină sau pentru a executa comenzile consolei.

Echipa Facebook a creat React.js bibliotecă care abstractează un strat pentru dezvoltatorii frontend reutilizați anumite elemente ale UI.

Și acum, cu React Tools Developer poti inspectați aceste ierarhii de elemente și editați-le chiar pe pagină.

Acesta este un extensie complet gratuită si este dezvoltat de oamenii de la Facebook astfel încât să știți că este de bună calitate.

Poti de asemenea studiați diferitele stări și căile arborilor obiect inclusiv elementele care sunt peste și sub alte elemente.

În bara laterală, poți răsfoiți prin recuzită și stări care vă permit să studiați comportamentul altor elemente din același copac. Aceasta este de fapt a plugin mare pentru utilizatorii React mai noi deoarece le poate ajuta să înțeleagă mai multe despre bibliotecă.

Firește, acest lucru include, de asemenea orice ascultător de eveniment care ar putea schimba starea unei anumite componente. Si breadcrumbs în partea de jos vă permite să vă deplasați cu ușurință prin elementele părinte / copil.

Acest lucru este departe de instrumentul perfect de reacție. Dar vă va face munca mult mai ușoară atunci când sunteți construirea aplicațiilor dinamice de la zero.

este complet deschis cu un repo oficial GitHub menținut de Facebook și actualizat frecvent.

Puteți instala această extensie Chrome pentru orice versiune de Chrome. Sau dacă sunteți un utilizator de Firefox puteți verificați add-on-ul FF care acceptă FireFox v38 și mai mult. Până în prezent nu am văzut niciun suport pentru utilizatorii Safari / Opera, dar este o extensie cu sursă deschisă, astfel încât aceasta ar putea veni în viitorul apropiat.