Extensión de Chrome StateViz
StateViz es una extensión universal de Chrome diseñada para visualizar el flujo de datos dentro de aplicaciones web. Admite varias bibliotecas como React, Svelte, y promete más por venir. La extensión ofrece soporte multi-biblioteca, permitiendo a los usuarios examinar aplicaciones construidas con diferentes bibliotecas simultáneamente. Proporciona una visualización detallada de la estructura de la aplicación, incluyendo componentes, elementos del DOM, y elementos específicos de la biblioteca como bloques de Svelte.
Los usuarios pueden inspeccionar datos de componentes en tiempo real, incluyendo props, estado, y detalles específicos de la biblioteca como contextos y hooks para React. StateViz también cuenta con filtros de elementos para mostrar solo los elementos deseados, resaltado de elementos del DOM para una navegación eficiente, y ofrece modos claro y oscuro para la preferencia del usuario. Aunque requiere permisos para acceder al árbol de la aplicación, la extensión no transmite datos de forma remota y es completamente de código abierto en GitHub.