Track, Revert,
and Visualize your State
React Performance Tool
Nominated for the Productivity Booster award at React Open Source Awards 2020
Download NowTrack, Revert,
Features
State Snapshot Text Display
See your application state in stylized, interactive JSON format.
Time Travel Live Render
Simulate any state change from history in the DOM with a click of a button.
Save Snapshot Series
Save a series of recorded state snapshots for analysis later on.
Web Metrics
Improve user experience with insight into Web Metrics such as LCP, FCP, FID, TTFB.
Snapshot History Display
Monitor history as you time travel or make new changes to state.
Components Map Display
Visualize relationships between components in a collapsible tree for a given snapshot.
Atom and Selector Relationships
Visualize the mapping of Atoms and Selectors to components in Recoil Apps
Components Performance Display
Visualize the relative latency trends introduced by re-rendering each component on state change.
Download, Upload, and Persist
Save your state history for future tests.
Keep your state changes on app reload.
Re-render Optimization
Improve performance by preventing unnecessary render cycles.
Gatsby support
Reactime offers full support for Gatsby applications.
Next.js support
Reactime offers debugging and performance tools for Next.js apps.
* Some features not available with every state managment solution.
Contributors
Interested in contributing? Reactime is open-source. Help make React state debugging easier!