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

Ogni sviluppatore web dovrebbe già conoscere gli incredibili strumenti per sviluppatori di Chrome . Questa funzione è incorporata direttamente in Chrome e consente agli sviluppatori di ispezionare pagine e modificare o rimuovere elementi direttamente dal browser.

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

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

E ora, con React Developer Tools puoi ispezionare queste gerarchie di elementi e modificarle direttamente sulla pagina .

Questa è un'estensione completamente gratuita ed è sviluppata dalla gente di Facebook, quindi sai che è di buona qualità.

Puoi anche studiare i diversi stati e i percorsi degli alberi degli oggetti, compresi quali elementi sono sopra e sotto altri elementi.

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

Naturalmente, questo include anche tutti gli ascoltatori di eventi che potrebbero cambiare lo stato di un determinato componente. E le briciole di pane in fondo ti permettono di sfogliare facilmente gli elementi genitore / figlio.

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

È 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 controllare 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.