4 dépôts
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
Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
- reactide/reactide
reactide/reactide
10,502Voir sur 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,110Voir sur 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,452Voir sur GitHubprop-types est un validateur d'objets JavaScript et un vérificateur de types runtime. Il sert d'outil de développement pour vérifier que les propriétés des objets correspondent à des spécifications prédéfinies, principalement utilisé pour garantir que les données passées aux composants React s'alignent avec les types attendus. L'utilitaire détecte les incohérences de données en enregistrant des avertissements dans la console lorsque des discordances se produisent, plutôt que de lever des exceptions. Il emploie un cache d'avertissement avec état pour éviter les logs en double et restreint la logique de validation aux environnements hors production pour éviter une surcharge de performance dans les builds publiés. Le projet couvre la validation de données via le parcours récursif d'objets et la correspondance basée sur des spécifications. Il fournit également des outils de développement pour réinitialiser l'historique des avertissements durant les cycles de test.
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,401Voir sur 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
