Lisage Chrome'i React.js Explorer rakendusega React Developer Tools

Iga veebiarendaja peaks juba hämmastavalt teadma Chrome'i arendustööriistad. See funktsioon on ehitatud Chrome'i ja see võimaldab arendajatel kontrollige lehti ja muuta või eemaldada elemente otse brauseris.

See on uskumatult võimas ja see on parim viis uuringu lehe käitumine näiteks latentsus, lehekülje ressursid või konsoolikäsud.

Facebooki meeskond lõi React.js raamatukogu, mis eemaldab esikihi arendajate kihi teatud UI elementide taaskasutamine.

Ja nüüd, koos Reageeri arendaja tööriistad sa saad kontrollige neid elementide hierarhiaid ja redigeerige neid otse lehel.

See on täiesti tasuta laiendus ja selle on välja töötanud Facebooki inimesed et sa tead, et see on hea kvaliteet.

Sa saad ka uurida erinevaid seisukohti ja objektipuude radasid sealhulgas need elemendid, mis on teiste elementide kohal ja allpool.

Külgriba saate sirvige rekvisiite ja olekuid mis võimaldab teil uurida teiste sama elemendi elementide käitumist. See on tegelikult a suurepärane plugin uuematele kasutajatele sest see võib aidata neil raamatukogust paremini aru saada.

Loomulikult hõlmab see ka iga ürituse kuulaja mis võivad muuta teatud komponendi olekut. Ja röstitud lehed laske sul lihtsalt vanemate / laste elementide kaudu koorida.

See pole kaugeltki täiuslik React tööriist. Aga see teeb teie töö palju lihtsamaks, kui sa oled dünaamiliste rakenduste loomine nullist.

See on täiesti avatud koos ametliku GitHub repoga, mida Facebook haldab ja ajakohastab sageli.

Võite selle Chrome'i laiendi installida iga Chrome'i versiooni jaoks. Või kui olete Firefoxi kasutaja, saate seda teha vaadake FF-i lisandmoodulit mis toetab FireFox v38 ja uuemaid. Siiani pole ma Safari / Opera kasutajatele mingit toetust saanud, kuid see on avatud lähtekoodiga laiendus, nii et see võib tulla lähitulevikus.