Make sure you are using Node 6+ and NPM 3+
1. Clone this repo
2. npm run build
3. Open Chrome extension page
4. Check "developer mode"
5. Click "load unpacked extension", and choose the entire folder.
1. Clone this repo
2. npm install
3. npm run dev
1. Application Structure Visualization - Interactive tree
2. Component Inspection - view props, variables and slots
3. Diff Engine - As you test see which components are being updated and what those changes are
4. Time Travel - Move backwards and forwards through your state changes and see both the tree and your application update
5. Component Highlighting - Hover over a tree leaf to highlight the component on your app
Want to help contribute? Fork the repo and have at it!
Why and how we decided to build this
Next on the pipeline: stress testing and moving time travel functionality to inside the tool