„React.js Explorer“ į „Chrome“ pridėkite „React Developer Tools“

Kiekvienas interneto kūrėjas jau turėtų žinoti apie nuostabų „Chrome“ kūrėjų įrankiai. Ši funkcija yra tiesiai į „Chrome“ ir leidžia kūrėjams tikrinti puslapius ir redaguoti arba pašalinti elementus tiesiai iš naršyklės.

Tai neįtikėtinai galingas ir geriausias būdas studijų puslapio elgesys pvz., latentinis laikas, puslapių ištekliai arba konsolės komandų vykdymas.

„Facebook“ komanda sukūrė „ React.js biblioteka, kurioje išvestas frontendų kūrėjų sluoksnis pakartotinai naudoti tam tikrus UI elementus.

Ir dabar, su Reaguokite į kūrėjo įrankius tu gali tikrinti šias elementų hierarchijas ir redaguokite juos tiesiai puslapyje.

Tai yra visiškai nemokama plėtinys ir tai sukūrė „Facebook“ žmonės todėl žinote, kad tai geros kokybės.

Tu taip pat gali ištirti skirtingas būsenas ir objektų medžių takus įskaitant, kurie elementai yra virš ir žemiau kitų elementų.

Šoninėje juostoje galite naršyti rekvizitus ir būsenas kurie leidžia ištirti kitų to paties medžio elementų elgesį. Tai iš tikrųjų yra puikus papildinys naujesniems naudotojams nes tai gali padėti jiems geriau suprasti biblioteką.

Žinoma, tai taip pat apima bet kokie renginių klausytojai kuri gali pakeisti tam tikro komponento būseną. Ir rupiniai iš apačios leiskite jums lengvai nuvilti per tėvų / vaikų elementus.

Tai toli gražu nėra puikus React įrankis. Bet tai padarys jūsų darbą daug lengviau, kai būsite dinaminių programų kūrimas nuo nulio.

Tai visiškai atvira su oficialiu „GitHub“ repo, kurį „Facebook“ tvarko ir dažnai atnaujina.

Galite įdiegti šį „Chrome“ plėtinį bet kuriai „Chrome“ versijai. Arba jei esate „Firefox“ naudotojas, galite patikrinkite FF priedą kuri palaiko „FireFox v38“ ir naujesnę. Iki šiol aš nemačiau jokios paramos „Safari“ / „Opera“ vartotojams, tačiau tai yra atviro kodo plėtinys, todėl tai gali ateiti netolimoje ateityje.