Reactime

Reactime need some significant improvements and our all female engineering team stepped up to the plate to make them.

What is Reactime?

When it comes to React applications, one of the most challenging aspects of optimizing your application is state management debugging. Nowadays there are so many ways to handle the state of your application, Hooks, Context API, Redux, etc, but not too many tools that are fully compatible with it all.

Reactime helps centralize the complex state debugging process.

Prior to Reactime v.7.0, Reactime was known simply as a time-travel debugging tool for React applications. With the new latest version, we have expanded its functionality and increased its accuracy. Now, Reactime 7.0 is a performance tool for React applications, including frameworks like Gatsby and Next.js. Not only does it help manage and understand the state of your application, but you can now also visualize the rendering frequency of your components. Additionally, Reactime now only runs in development mode which allows us to enhance its speed without slowing down your applications.

Utilizing the React Fiber reconciliation, Reactime records, and caches snapshots of your application’s state every time it is changed and enables you to time-travel through previous states. It allows the developer to visualize a tree graph of the state changes, calculate the diff between snapshots, and have a playback option that helps identify the changes of the state step by step. Additionally, you can analyze each component’s rendering frequency and speed with our performance tab.