Lisää React.js Explorer Chromeen React Developer Tools -ohjelmalla

Jokaisen web-kehittäjän pitäisi jo tietää hämmästyttävästä Chrome-kehitystyökalut. Tämä ominaisuus on rakennettu suoraan Chromeen ja se antaa kehittäjille mahdollisuuden tarkastaa sivuja ja muokkaa tai poista elementtejä suoraan selaimen sisällä.

Se on uskomattoman voimakas ja se on paras tapa tutkimuksen sivun käyttäytyminen kuten latenssi, sivuresurssit tai konsolikomentojen suorittaminen.

Facebookin tiimi loi React.js kirjasto, joka tiivistää Frontend-kehittäjien kerroksen käyttää tiettyjä käyttöliittymäelementtejä uudelleen.

Ja nyt Reagoi kehitystyökalut sinä pystyt tarkastaa nämä elementtihierarkiat ja muokkaa niitä suoraan sivulla.

Tämä on täysin ilmainen laajennus ja se on kehittänyt Facebookin ihmiset joten tiedät, että se on hyvä laatu.

Voit myös tutkia eri valtioita ja kohteen puiden polkuja mukaan lukien elementit, jotka ovat muiden elementtien ylä- ja alapuolella.

Sivupalkissa voit selaa rekvisiitta ja tilat joiden avulla voit tutkia muiden samassa puussa olevien elementtien käyttäytymistä. Tämä on itse asiassa a suuri laajennus uudemmille reagoi käyttäjille koska se voi auttaa heitä ymmärtämään enemmän kirjastosta.

Luonnollisesti tämä sisältää myös mihin tahansa tapahtuman kuunteluun joka voi muuttaa tietyn komponentin tilaa. Ja röyhelöitä alhaalla voit helposti vaivata vanhempien / lasten elementtien läpi.

Tämä on kaukana täydellisestä React-työkalusta. Mutta se tekee työstäsi paljon helpompaa, kun olet dynaamisten sovellusten rakentaminen tyhjästä.

Sen täysin avoin Facebookin ylläpitämä virallinen GitHub-repo ja päivitetään usein.

Voit asentaa tämän Chrome-laajennuksen minkä tahansa Chrome-version. Tai jos olet Firefox-käyttäjä, voit tutustu FF-lisäosaan joka tukee FireFox v38: ta ja uudempaa. Toistaiseksi en ole nähnyt mitään tukea Safari / Opera-käyttäjille, mutta se on avoimen lähdekoodin laajennus, joten tämä voi tulla lähitulevaisuudessa.