|
1 | 1 | # React Lifecycle Visualizer [](https://badge.fury.io/js/react-lifecycle-visualizer) [](https://github.com/Oblosys/react-lifecycle-visualizer/actions/workflows/build-test.yml?query=branch%3Amaster) |
2 | 2 |
|
3 | | -An npm package ([`react-lifecycle-visualizer`](https://www.npmjs.com/package/react-lifecycle-visualizer)) for tracing & visualizing lifecycle methods of arbitrary React components. |
| 3 | +An npm package ([`react-lifecycle-visualizer`](https://www.npmjs.com/package/react-lifecycle-visualizer)) for tracing & visualizing lifecycle methods of React class components. (For function components and hooks, check out [`react-hook-tracer`](https://github.com/Oblosys/react-hook-tracer#readme) instead.) |
4 | 4 |
|
5 | 5 | To trace a component, apply the higher-order component `traceLifecycle` to it, and all its lifecycle-method calls will show up in a replayable log component. Additionally, traced components may include a `<this.props.LifecyclePanel/>` element in their rendering to show a panel with lifecycle methods, which are highlighted when the corresponding log entry is selected. |
6 | 6 |
|
|
0 commit comments