STATE DEBUGGER FOR REACT

The only time-travel debugging tool you need to develop your React application by tracking, visualizing, and reverting state changes.

Interested in contributing? Reactime is open-source: help make React state debugging easier!

STATE: Track, Revert, Visualize

ReacTime Demo

Features

Visualizing, Recording, and Tracking STATE has never been Simpler.

React Hooks

State tracking for useState, useEffect & more.

Context API

Additional Support for Context + useContext.

React Router

View page state and previous URLs.

Stateful Components

Prop-drilling? Track your state easily.

Concurrent Mode

Experiment with new features like Suspense and useTransition.

TRY REACTIME WITH OUR DEMOS

Calculator & Bitcoin Price.

Read more about what's new in version 3.0 here

Simple Installation

Youtube Tutorial
  1. Download the extension from Chrome's Web Store.
  2. Install the npm package into your terminal/code editor inside of your application folder.

    npm i reactime

  3. Call the library method on your root container after rendering your App.

    import reactime from 'reactime';
    const rootContainer = document.getElementById('root');
    ReactDOM.render(<App />, rootContainer);
    reactime(rootContainer);

    If you are using Concurrent mode, call the library like below:

    import reactime from 'reactime';
    const rootContainer = ReactDOM.createRoot(document.getElementById('root'));
    rootContainer.render(<App />);
    reactime(rootContainer);

Meet the Team

andy

Andy Wong

andywongdev
bryan

Bryan Lee

mylee1995
chris

Chris Flannery

chriswillsflannery
david

David Chai

davidchai717
josh

Josh Kim

joshua0308
pras

Prasanna Malla

prasmalla
rajeeb

Rajeeb Banstola

rajeebthegreat
rocky

Rocky Lin

rocky9413
ruth

Ruth Anam

peachiecodes
ryan

Ryan Dang

rydang
sierra

Sierra Swaby

starkspark
yujin

Yujin Kang

yujinkay