4 repository-uri
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
Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
- reactide/reactide
reactide/reactide
10,502Vezi pe 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,110Vezi pe 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,452Vezi pe GitHubprop-types este un validator de obiecte JavaScript și un type checker la runtime. Servește drept instrument de dezvoltare pentru verificarea faptului că proprietățile obiectelor corespund specificațiilor predefinite, fiind utilizat în principal pentru a asigura că datele transmise către componentele React se aliniază cu tipurile așteptate. Utilitarul detectează inconsistențele datelor prin logarea avertismentelor în consolă atunci când apar nepotriviri, în loc să arunce excepții. Utilizează un cache de avertismente stateful pentru a preveni log-urile duplicate și restricționează logica de validare la mediile non-producție pentru a evita overhead-ul de performanță în build-urile lansate. Proiectul acoperă validarea datelor prin parcurgerea recursivă a obiectelor și potrivirea bazată pe specificații. Oferă, de asemenea, instrumente pentru dezvoltatori pentru a reseta istoricul avertismentelor în timpul ciclurilor de testare.
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,401Vezi pe 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
