Pievienojiet pārlūkprogrammai React.js pārlūku Chrome, izmantojot React Developer Tools

Katram tīmekļa izstrādātājam jau jāzina par apbrīnojamo Chrome izstrādātāju rīki. Šī funkcija ir iebūvēts tieši Chrome un tas ļauj izstrādātājiem pārbaudīt lapas un rediģēt vai noņemt elementus tieši no pārlūka.

Tas ir neticami spēcīgs un tas ir labākais veids, kā studiju lapas uzvedība piemēram, latentums, lapu resursi vai konsoles komandu izpilde.

Facebook komanda izveidoja React.js bibliotēka, kas noņem priekšpuses izstrādātāju slāni atkārtoti izmantot dažus UI elementus.

Un tagad, ar Reaģējiet uz izstrādātāja rīkiem jūs varat pārbaudīt šos elementu hierarhijas un rediģējiet tos tieši lapā.

Tas ir pilnīgi bez maksas un tas ir ko izstrādājuši cilvēki Facebook lai jūs zināt, ka tā ir laba kvalitāte.

Jūs varat arī izpētīt dažādus stāvokļus un objektu koku ceļus ieskaitot elementus, kas ir virs un zem citiem elementiem.

Sānjoslā varat pārlūkojiet rekvizītus un valstis kas ļauj jums izpētīt citu šī paša koka elementu uzvedību. Patiesībā tas ir a liels spraudnis jaunākiem lietotājiem jo tas var palīdzēt viņiem labāk saprast bibliotēku.

Protams, tas ietver arī jebkura notikuma klausītājs kas var mainīt noteiktas sastāvdaļas stāvokli. Un rīvmaizi apakšā ļaujiet jums viegli izlaist caur vecāku / bērnu elementiem.

Tas ir tālu no ideālā React rīka. Bet tas padarīs jūsu darbu daudz vieglāku, kad esat dinamisku lietojumprogrammu veidošana no nulles.

Tas ir pilnīgi atvērta ar oficiālu GitHub repo, ko uztur Facebook un regulāri atjaunina.

Varat instalēt šo Chrome paplašinājumu jebkurai Chrome versijai. Vai arī, ja jūs esat Firefox lietotājs pārbaudiet FF papildinājumu kas atbalsta FireFox v38 un augstāku. Līdz šim es neesmu redzējis nekādu atbalstu Safari / Opera lietotājiem, bet tas ir atvērtā koda paplašinājums, tāpēc tas var notikt tuvākajā nākotnē.