Dodajte raziskovalca React.js v Chrome s pomočjo orodij za razvijalce

Vsak spletni razvijalec bi moral že vedeti za neverjetno Orodja za razvijalce za Chrome. Ta funkcija je vgrajen v Chrome in omogoča razvijalcem preglejte strani in uredite ali odstranite elemente v brskalniku.

To je neverjetno močan in je najboljši način vedenje strani študija kot so latenca, viri strani ali za izvajanje ukazov ukazne mize.

Facebookova ekipa je ustvarila React.js knjižnica, ki abstrahira plast za razvijalce frontendov ponovno uporabiti nekatere elemente uporabniškega vmesnika.

In zdaj, z Odzovite orodja za razvijalce ti lahko pregledati te hierarhije elementov in jih uredite na strani.

To je a popolnoma brezplačna razširitev in to je razvili ljudje na Facebooku tako da veste, da je dobra kakovost.

Lahko tudi preučiti različna stanja in poti dreves predmetov vključno z elementi, ki so nad in pod drugimi elementi.

V stranski vrstici lahko brskajte po rekvizitih in državah ki vam omogočajo, da preučite vedenje drugih elementov v tem drevesu. To je pravzaprav a odličen vtičnik za novejše uporabnike Reacta ker jim lahko pomaga razumeti več o knjižnici.

Seveda to vključuje tudi poslušalcev dogodkov lahko spremeni stanje določene komponente. In drobtine na dnu vam omogoča preprosto prebiranje elementov staršev / otrok.

To je daleč od popolnega orodja React. Ampak to bo vaše delo veliko lažje, ko boste izgradnjo dinamičnih aplikacij iz nič.

To je popolnoma odprt z uradnim repom GitHub, ki ga vzdržuje Facebook in se pogosto posodablja.

Namestite lahko to razširitev za Chrome za katero koli različico Chroma. Ali pa če ste uporabnik Firefoxa Oglejte si dodatek FF ki podpira FireFox v38 in višje. Zaenkrat še nisem videl nobene podpore za uporabnike Safari / Opera, vendar je to razširitev odprte kode, tako da se to lahko zgodi v bližnji prihodnosti.