0.0.2 • Published 9 years ago
simflux-viz v0.0.2
simflux-viz
Application-flow graphing for simflux. Still in early stages of development, but fully functional. Here's what it looks like...
install
- build:
npm install
gulp
- Manually Load unpacked extension (chrome://extensions/) using this repo's
devtool/
dir in chrome. - Optionally, you can directly include
simflux-viz-bundle.js
in your project which will ensure that all actions (including actions dispatched during application startup) are recorded. If you don't includesimflux-viz-bundle.js
it will be loaded on-the-fly directly from rawgit. - Open your page which uses simflux
- Open devtools and click
simflux
tab - Refresh the page, and you should see
simflux-viz loaded
in the console in orange - Now every time an action occurs in the application, you will see a flow chart generated in real time.
why?
simflux flow charts can help developers quickly grasp the underpinnings of an application.
how?
By combining zone.js with the predictability of Flux architecture we can easily abstract
application flow. simflux-viz
uses zone.js and monkey patches the simflux
library
in order to record application flow in real-time.
cred
- This project borrowed a lot from
devtools-extension
project