Monitor de reacción en Chrome con OffiDocs
Ad
DESCRIPCIÓN
ReactMonitor Visualice rápidamente el rendimiento del árbol de componentes de React para mejorar la incorporación y la depuración. ¿Qué hace? Mediante el uso de ReactMonitor Chrome DevTool, tanto los desarrolladores principiantes como los experimentados pueden obtener una representación visual de una base de código existente en la que están trabajando.
Construida con React, esta herramienta atravesará dinámicamente el objeto raíz de fibra detrás de escena, mostrando el estado, los accesorios, los tiempos de renderizado y el tipo de componentes en la página.
¿Cómo instalar y ejecutar? Ejecute el paquete NPM en su propio código base siguiendo los pasos a continuación.
- Instale el paquete (npm install reactmonitorfiber) - Requerir/Importar el paquete (importar reactMonitor desde 'reactmonitorfiber') - Invoque React Monitor con una entrada del elemento DOM que está representando el React Element en const container = document.
querySelector('#root'); reaccionarDOM.
prestar( , envase); reactMonitor(contenedor); - Navegue hasta el dominio de su aplicación React en la que ejecutará React Monitor - Abra sus herramientas de desarrollo de Chrome y seleccione React Monitor ¡Ahora puede ver los cambios de estado en su aplicación en tiempo real!
Información adicional:
- Ofrecido por reactmonitorfiber
- Calificación promedio: 0 estrellas (lo odié)
- Desarrollador Esta dirección de correo electrónico está protegida contra robots de spam. Es necesario activar Javascript para visualizarla.
Monitor de reacción web extension integrado con OffiDocs Chromium en línea
