STATE: Track, Revert, Visualize
STATE DEBUGGER FOR REACT
The only time-travel debugging tool you need to develop your React application by tracking, visualizing, and reverting state changes.
Nominated for the Productivity Booster award at React Open Source Awards 2020!
Interested in contributing? Reactime is open-source: help make React state debugging easier!
Features
Visualizing, Recording, and Tracking STATE has never been simpler.
Support for: Classes, React Hooks, Context API, Redux,Material UI, React-Router and TypeScript
Time Travel Tree Display
See your application state values on each change.
*** Full Support ***
Time Travel State History Graphic
See your application state history and branch from old state.
*** Full Support ***
Time Travel Live Render
See your application DOM follow each state change.
*** No support React-Router ***
Performance Render Time Display
Keep track of your application render time on state change.
*** No support for Redux ***
Components Performance Graphic
Vizualise your application and render time of components on state change.
*** No support for Redux ***
Diff Mode
Compare state changes.
*** Full Support ***
Import and Export
Save your state history for future tests.
*** Full Support ***
Persist mode
Keep your state changes on app reload.
*** Full Support ***
Read more about Reactime
React Fiber & Reactime 4.0
Reactime 4.0 State Debugging Time Travel Tool
Time Traveling State Debugger — Reactime 3.0
Simple Installation
Download Reactime extension from Chrome's Web Store.
And that's it! No NPM package needed!!!
*** New performance features only available for apps running in development mode ***
Youtube Tutorial
