The intro of React Hooks and the growing popularity of Context APIs have pushed the need to manage state in React-based applications. Currently, decentralized state management through sharable variables via Context API and among stateless, functional components via Hooks can be difficult to work with when it comes to debugging state.
Reactime works by taking snapshots when state changes. Users can jump to any previously recorded state and track/visualize changes
New Features (currently in beta): - Snapshots of state whenever it's changed/updated in functional components - Support for state bugging in functional components that update state using hooks (specifically useState), conditional state routing (via react router), and context API. - Completely revamped node tree graph, where hovering over a node will show the updated state (for that respective state change), with drag/zoom.
It is our sincerest hope that adding support for state management in functional components (in addition to already supporting it in stateful components) will greatly aid users to better and more easily develop their react applications.
How to install: http://reactime.io
Chrome Web Store: https://chrome.google.com/webstore/detail/reactime/cgibknllccemdnfhfpmjhffpjfeidjga
NPM: https://www.npmjs.com/package/reactime