React Performance Tool

Nominated for the Productivity Booster award at
React Open Source Awards 2020

Track, Revert,
and Visualize your State

ReacTime Demo

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

Interested in contributing? Reactime is an open-source product. Help make debugging React state easier!