Agregue React.js Explorer a Chrome con React Developer Tools

Cada desarrollador web ya debe saber sobre la increíble Herramientas para desarrolladores de Chrome. Esta característica es construido directamente en Chrome y permite a los desarrolladores inspeccionar páginas y editar o eliminar elementos desde dentro del navegador.

Es increíblemente poderoso y es la mejor manera de estudiar los comportamientos de la página como la latencia, los recursos de la página o para ejecutar comandos de consola.

El equipo de Facebook creó el React.js biblioteca que abstrae una capa para que los desarrolladores frontend reutilizar ciertos elementos de la interfaz de usuario.

Y ahora, con Reactuar herramientas de desarrollo usted puede inspeccionar estas jerarquías de elementos y Edítalos directamente en la página..

Esto es un extensión completamente libre y es desarrollado por la gente en Facebook para que sepas que es de buena calidad.

Tú también puedes Estudia los diferentes estados y los caminos de los árboles de objetos. incluyendo qué elementos están arriba y debajo de otros elementos.

En la barra lateral, puedes navegar a través de apoyos y estados que te permiten estudiar el comportamiento de otros elementos en ese mismo árbol. Esto es en realidad un gran complemento para los usuarios más recientes de React Porque les puede ayudar a entender más sobre la biblioteca..

Naturalmente, esto también incluye cualquier oyente de eventos Eso podría cambiar el estado de un determinado componente. Y el pan rallado en la parte inferior le permite hojear fácilmente los elementos padre / hijo.

Esto está lejos de ser la herramienta React perfecta. Pero hará que tu trabajo sea mucho más fácil cuando estés construyendo aplicaciones dinámicas desde cero.

Sus completamente de código abierto con un repositorio oficial de GitHub mantenido por Facebook y actualizado con frecuencia.

Puedes instalar esta extensión de Chrome para cualquier versión de Chrome. O si eres un usuario de Firefox puedes mira el complemento FF que soporta FireFox v38 y superior. Hasta ahora no he visto ningún soporte para usuarios de Safari / Opera, pero es una extensión de código abierto, por lo que esto puede venir en un futuro próximo.