Loading...

State: Track, Revert, Visualize

Features

Visualizing, recording, and tracking state has never been simpler.

REACT HOOKS
State tracking for useState.
CONTEXT API
Additional support for Context API.
REACT ROUTER
Support for most conditional state routing.
STATEFUL COMPONENTS
Prop-drilling? Track your state easily.
STATE TREE GRAPH
Visualize and track state changes.
TRY REACTIME WITH OUR DEMOS

SIMPLE INSTALLATION

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.

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

MEET THE TEAM

Andy is an experienced Software Engineer based in New York. At JPMorgan Chase, he previously specialized in robotics process automation and enterprise cloud software. His interests include running marathons all over the globe, rube goldberg machines, and animals with opposable thumbs. Andy recently gave a talk about WebAssembly and another one about Golang with Ruth.

Bryan is a passionate software engineer with an interest in data analysis, AI, and machine learning. He builds fullstack applications using React and Node.js with a focus on scalability and usability. When he's not giving a talk about SQL Database Management, Bryan listens to John Mayer or plays ping pong in his downtime. He is a CS major at Boston College.

David is a multicultural fullstack developer with a passion for React, SQL, and Express. He has an uncanny ability to explain complex topics, simply. He has a ton of love for J-POP, gadgets, and dad jokes (especially as a proud father to his exuberant dog, Ayumi, named after his favorite J-POP singer). Chai recently gave talks about React Fiber under the hood and an introduction to gRPCs.

Josh is a product-driven software engineer with incredible passion for solving everyday problems. He takes delight in thinking about user experience when building scalable fullstack applications with React, Redux, and Node and giving talks about wrapping REST API in GraphQL. Besides coding, He enjoys playing soccer, cooking Korean style BBQ, and going on spontaneous road trips.

Ruth is a creative developer who loves simplicity in design and scalable, maintainable applications. She's passionate about Docker, Kubernetes, React hooks, gRPC-web, envy, and twirp. In her spare time she can be found at Boston Celtics games, dabbling in art, or playing Blokus Trigon. She recently gave an intro talk about Kubernetes and another one about Golang with Andy.

Ryan is an experienced fullstack developer with an expertise in React and Node. He loves contributing to open-source developer tools, tinkering with minecraft modpacks, and watching Scrubs. But above all else, Ryan adores algorithms, the more complex the better. Ryan recently gave a talk on Dependency Injection in JS. He is completing his CS degree at UMich, Ann Arbor.

Sierra is a fullstack software engineer who enjoys creating amazing, interactive projects. She leverages her UX/UI engineering experience from higher education institutions towards specializing in client-facing applications. In her free time, Sierra gives public talks about Docker & Kubernetes, walks around the Brooklyn Bridge, and can be found traveling and trying new food.

Yujin is a methodical software developer passionate about product design, user experience, utilizing effective project management methods, refactoring code to a few lines, and using the right tools for the job. When she's not coding, Yujin enjoys rollerblading in Domino Park, making Korean fusion food, ninja curling, and giving talks on either Angular or System Design.