4 个仓库
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
用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
- reactide/reactide
reactide/reactide
10,502在 GitHub 上查看Reactide 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,110在 GitHub 上查看React 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,452在 GitHub 上查看prop-types 是一个 JavaScript 对象验证器和运行时类型检查器。它作为一个开发工具，用于验证对象属性是否符合预定义的规范，主要用于确保传递给 React 组件的数据与预期类型一致。 该实用程序通过在不匹配发生时向控制台记录警告而不是抛出异常来检测数据不一致。它采用有状态的警告缓存来防止重复日志，并将验证逻辑限制在非生产环境中，以避免在发布版本中产生性能开销。 该项目通过递归对象遍历和基于规范的匹配涵盖了数据验证。它还提供了开发人员工具，以便在测试周期内重置警告历史记录。
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,401在 GitHub 上查看React 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
