Documentation

Overview of react-render-kit — what it does, why it exists, and how the 12 packages fit together.

Install the unified SDK or individual packages and instrument your first component in under 5 minutes.

How the 12 packages are layered — from schema and telemetry through replay, intelligence, and the kit facade.

Common questions about production safety, Next.js compatibility, memory usage, and plugin authoring.

The unified SDK — createRenderKit(), RenderKitProvider, full config reference, and disabled mode.

Visual in-app render observatory with score gauge, prop diff table, timeline, and recommendations.

useWhyRender hook — diff previous vs current props and log exactly what changed and why.

Detect object, array, and function props recreated every render, silently defeating React.memo.

Session-level React.memo effectiveness classification: EFFECTIVE, INEFFECTIVE, PARTIALLY_EFFECTIVE.

Trace render cascade propagation — identify root-trigger components and render chain depth.

Typed event protocol, ring buffer, transport implementations, and buffer serialization.

Time-travel replay — buildReplaySessions, cursor navigation, 7 filter presets, and bookmarks.

Cross-component analysis — bottleneck ranking, correlation detection, root cause classification.

Canonical TypeScript types, type guards, and schema version utilities for the ecosystem.