4 repositorios
Awesome GitHub RepositoriesReact Component Debuggers
Tools designed to inspect and debug the relationship between rendered React components and their source code.
Distinct from React Component Scaffolding: Existing candidates focus on component libraries or scaffolding, not runtime debugging and source mapping.
Explore 4 awesome GitHub repositories matching development tools & productivity · React Component Debuggers. Refine with filters or upvote what's useful.
Awesome React Component Debuggers GitHub Repositories
Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
- reactide/reactide
reactide/reactide
10,502Ver en GitHubReactide is the first dedicated IDE for React web application development.
Ships a live browser simulator that automatically reloads React components on code changes for instant visual feedback.
JavaScriptdesktop-appdevtoolselectron - aidenybai/react-grab
aidenybai/react-grab
5,110Ver en GitHubReact Grab is a browser-based code navigator and component inspector that links rendered user interface elements to the specific files and lines of source code where they are defined. It serves as a bridge between the browser interface and a local codebase to facilitate element identification and analysis. The tool functions as a developer extension for React applications, mapping visual components to their originating source code. This capability provides specific code context to support manual review and AI-assisted development. The project includes a framework for extending the browser in
Identifies which source files control specific parts of a React application by selecting elements directly in the browser.
TypeScriptaicodingreact - facebook/prop-types
facebook/prop-types
4,452Ver en GitHubprop-types es un validador de objetos JavaScript y verificador de tipos en tiempo de ejecución. Sirve como una herramienta de desarrollo para verificar que las propiedades de los objetos coincidan con especificaciones predefinidas, utilizado principalmente para asegurar que los datos pasados a los componentes de React se alineen con los tipos esperados. La utilidad detecta inconsistencias de datos registrando advertencias en la consola cuando ocurren discrepancias, en lugar de lanzar excepciones. Emplea una caché de advertencias con estado para evitar registros duplicados y restringe la lógica de validación a entornos que no son de producción para evitar la sobrecarga de rendimiento en builds lanzados. El proyecto cubre la validación de datos mediante el recorrido recursivo de objetos y la coincidencia basada en especificaciones. También proporciona herramientas de desarrollo para restablecer el historial de advertencias durante los ciclos de prueba.
Assists in debugging component data flow by providing immediate runtime warnings for incorrect prop types.
JavaScript - lahmatiy/react-render-tracker
lahmatiy/react-render-tracker
2,401Ver en GitHubReact Render Tracker is a diagnostic utility designed to monitor and analyze the rendering behavior of React applications. It functions as a developer tool that tracks component lifecycles, visualizes component hierarchies, and identifies the specific state, prop, or context changes that trigger re-renders. The tool distinguishes itself by providing deep visibility into internal framework operations, including the ability to inspect hook states and map the live component tree. It offers flexible inspection configurations, allowing developers to monitor performance through in-page overlays, br
Tracks component lifecycles and identifies state changes causing unintentional re-renders.
TypeScriptdevtoolsperformancereact
