Aggiungi React.js Explorer a Chrome con gli strumenti di sviluppo React

Ogni sviluppatore web dovrebbe già conoscere l'incredibile Strumenti per sviluppatori di Chrome. Questa caratteristica è costruito direttamente in Chrome e consente agli sviluppatori ispezionare le pagine e modifica o rimuovi elementi direttamente dal browser.

È incredibilmente potente ed è il modo migliore per farlo studiare i comportamenti della pagina come latenza, risorse della pagina o per eseguire comandi della console.

Il team di Facebook ha creato il React.js libreria che astrae un livello per gli sviluppatori di frontend riutilizzare determinati elementi dell'interfaccia utente.

E ora, con Reagisci agli strumenti per sviluppatori Puoi ispezionare queste gerarchie di elementi e modificali direttamente sulla pagina.

Questo è un estensione completamente gratuita e la sua sviluppato dalla gente di Facebook quindi sai che è di buona qualità.

Puoi anche studia i diversi stati e i percorsi degli alberi oggetto compresi quali elementi sono sopra e sotto altri elementi.

Nella barra laterale, puoi navigare attraverso oggetti di scena e stati che ti permette di studiare il comportamento di altri elementi in quello stesso albero. Questo è in realtà a ottimo plugin per i nuovi utenti di React perché può aiutarli a capire di più sulla libreria.

Naturalmente, questo include anche qualsiasi ascoltatore di eventi che potrebbe cambiare lo stato di un determinato componente. E il pangrattato in fondo ti consente di sfogliare facilmente gli elementi padre / figlio.

Questo è lontano dallo strumento React perfetto. Ma renderà il tuo lavoro molto più semplice quando lo farai costruire applicazioni dinamiche da zero.

Suo completamente open-source con un repository ufficiale GitHub gestito da Facebook e aggiornato di frequente.

Puoi installare questa estensione di Chrome per qualsiasi versione di Chrome. Oppure se sei un utente di Firefox puoi farlo controlla il componente aggiuntivo FF che supporta FireFox v38 e versioni successive. Finora non ho visto alcun supporto per gli utenti di Safari / Opera, ma è un'estensione open source, quindi questo potrebbe arrivare nel prossimo futuro.