Reaccionar inspector en Chrome con OffiDocs

DESCRIPCIÓN

¡Detecta fácilmente el código fuente de los componentes de React desde Chrome! ■Requisitos ・Herramientas de desarrollo de React instaladas ・Funciona solo con compilaciones de desarrollo.

・El código fuente debe almacenarse en el disco local ■Cómo funciona El React Inspector accede al __REACT_DEVTOOLS_GLOBAL_HOOK__ establecido globalmente por React Devtools y encuentra React Fiber en el elemento HTML sobre el que se desplazó el inspector.

React Fiber contiene información sobre el código fuente que se agregará durante el desarrollo, por lo que usamos esa información para abrir el editor.

Detalle: https://dev.

to/handdot/published-chrome-extension-for-streamlined-react-development-23b ■Opciones Es posible cambiar 'Abrir en URL del editor' desde la página de opciones de la extensión para poder abrirla en un editor que no sea VSCode .

■Código fuente Esta extensión es de código abierto.

para que puedas acceder desde https://github.

com/hand-dot/react-inspector.

Si encuentra un error, infórmelo a través de Github.

Información adicional:

- Ofrecido a mano.
- Calificación promedio: 5 estrellas (me encantó)
- Desarrollador Esta dirección de correo electrónico está protegida contra robots de spam. Es necesario activar Javascript para visualizarla.

Reaccionar web inspector extension integrado con OffiDocs Chromium en línea