React.js Explorer hozzáadása a Chrome-hoz a React Developer Tools segítségével

Minden webfejlesztőnek már tudnia kell a csodálatosról Chrome-fejlesztői eszközök. Ez a funkció éppen a Chrome-ba épült és ez lehetővé teszi a fejlesztők számára vizsgálja meg az oldalakat és elemek szerkesztése vagy eltávolítása közvetlenül a böngészőben.

Ez hihetetlenül erős, és ez a legjobb módja tanulmányi oldal viselkedése például a késleltetés, az oldal erőforrásai vagy a konzolparancsok végrehajtása.

A Facebook csapata létrehozta a React.js könyvtár, amely a frontend fejlesztők egy rétegét veszi le bizonyos UI-elemek újrafelhasználása.

És most Reagáljon a fejlesztői eszközökre tudsz vizsgálja meg ezeket az elem hierarchiákat és szerkesztheti azokat az oldalon.

Ez egy teljesen ingyenes kiterjesztés és ez fejlesztették ki a Facebook-on így tudod, hogy jó minőségű.

Te is tanulmányozzuk a különböző állapotokat és az objektumfák útvonalait beleértve azokat az elemeket, amelyek a többi elem felett és alatt vannak.

Az oldalsávban lehet böngészhet a kellékek és állapotok között amelyek lehetővé teszik, hogy tanulmányozzák az ugyanazon fa más elemeinek viselkedését. Ez valójában a nagyszerű bővítmény az újabb felhasználók reagálására mert segíthet nekik többet megérteni a könyvtárról.

Ez természetesen magában foglalja bármely eseményfigyelő amely megváltoztathatja egy bizonyos összetevő állapotát. És a zsemlemorzsa az alján hagyja, hogy könnyedén áthúzza a szülő / gyermek elemeket.

Ez messze nem a tökéletes React eszköz. De ez sokkal könnyebbé teszi a munkádat, ha te vagy dinamikus alkalmazások építése a semmiből.

ez teljesen nyitott a Facebook által karbantartott hivatalos GitHub repóval, és gyakran frissül.

Telepítheti ezt a Chrome-kiterjesztést a Chrome bármely verziójára. Vagy ha egy Firefox felhasználó vagy nézd meg az FF bővítményt amely támogatja a FireFox v38 és újabb verzióit. Eddig nem láttam semmilyen támogatást a Safari / Opera felhasználóknak, de ez nyílt forráskódú kiterjesztés, így ez a közeljövőben előfordulhat.