react-render-kit
React debugging,
without the ceremony.
Drop-in hooks and utilities that explain exactly what's happening inside your React components. No configuration. No wrapping. One line.
Tools (12)
Unified orchestration SDK — one install for all react-render-kit packages with a single config, pre-wired telemetry, replay, and intelligence pipeline.
Debug why React components re-render by diffing props between renders. Logs primitive changes, object reference churn, and added/removed props.
Detect props whose reference identity changes between renders — functions, objects, and arrays that silently defeat React.memo optimizations. Dev-only, zero production cost.
Visual render observatory — a self-contained dev panel that renders inline next to your component, displaying score, prop diffs, timeline, memo classification, frequency, and structured recommendations in real time.
Track how often React components re-render. Logs total count, rolling-window rate, and observation (Low / Moderate / High). Dev-only, zero production cost.
Trace React render propagation — see which component triggered a cascade, how deep it went, and which components were dragged along. Dev-only, zero production cost.
Classify the effectiveness of React.memo optimizations by analyzing prop change history — distinguish genuine data changes from reference instability and get a session verdict. Dev-only, zero production cost.
Unified render diagnostics — correlates prop changes, frequency, unstable references, and memo effectiveness into a single scored report with actionable recommendations. Dev-only, zero production cost.
Typed event protocol and observability infrastructure — emit structured telemetry events from any React component, buffer them with useSyncExternalStore, and pipe them to custom transports. Zero dependencies, no React peer dep.
Pure TypeScript replay engine for render telemetry — navigate recorded render sessions frame-by-frame with immutable cursors, filter by preset, bookmark frames, and inspect prop diffs without any React dependency.
Post-hoc analysis engine for React render telemetry — ranks performance bottlenecks, traces root causes, detects cross-component correlations, and generates 15 deterministic recommendations. Framework-agnostic, zero runtime dependencies.
Canonical TypeScript schema and protocol definitions for the react-render-kit ecosystem — one shared vocabulary for all packages. Zero deps, zero runtime coupling. Includes type guards and version utilities for boundary validation.