Oblosys/react-lifecycle-visualizer

Health v2 · maintenance only

Adoption not part of the score

1325 stars · 30 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

An npm package that traces and visualizes React class component lifecycle methods in real time via a traceLifecycle higher-order component and a replayable log panel. It also traces setState and render calls, highlighting entries in a lifecycle panel.

Use cases

• visualize react lifecycle methods in real time
• trace which lifecycle methods run and when
• debug component mounting and unmounting order
• teach or learn the react component lifecycle
• replay a log of lifecycle method calls
• see setState and render calls interleaved with lifecycle events

When to choose

• you work with React class components and want to understand or debug their lifecycle behavior
• you are teaching or learning how React lifecycle methods fire
• you need a replayable trace of lifecycle, setState, and render calls

When to avoid

• your codebase uses function components and hooks - use react-hook-tracer instead
• you need production performance profiling rather than educational tracing
• you need a general-purpose React devtools replacement

Facets

library · maturity maintenance

developer-tools frontend web-development developer-tools browser react lifecycle-methods tracing visualization higher-order-component debugging nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="Oblosys/react-lifecycle-visualizer")