almin-devtools
Integrate almin into Redux DevTools Extension.
Features
- Lets you inspect every state and UseCase/dispatch
- See diff of the state
- Import/Export log
Installation
- Install Redux DevTools Extension to browser
- Install
almin-devtools
via npm - Connect almin to Redux DevTools Extension
Installation of DevTools extension
1. For Chrome
- from Chrome Web Store;
2. For Firefox
- from Mozilla Add-ons;
3. For Electron
- just specify
REDUX_DEVTOOLS
inelectron-devtools-installer
.
4. For other browsers and non-browser environment
Installation of almin-devtools
Install with npm:
npm install almin-devtools
Usage
Connect from your application to redux-devtools.
;;const dispatcher = ;const store = ;const appContext = dispatcher store;// initialize devToolsconst devTools = appContext;devTools; // connect to redux-devtools/* customize redux-devtools optionsdevTools.connect({ features: { pause: true, // start/pause recording of dispatched actions lock: true, // lock/unlock dispatching actions and side effects persist: false, // persist states on page reloading export: true, // export history of actions in a file import: 'almin-log', // import history of actions from a file jump: false, // jump back and forth (time travelling) skip: false, // skip (cancel) actions reorder: false, // drag and drop actions in the history list dispatch: false, // dispatch custom actions or action creators test: true // generate tests for the selected actions }});*/devTools; // record initial state
See Methods (advanced API) · Redux DevTools Extension for more details.
Alternative
Changelog
See Releases page.
Running tests
Install devDependencies and Run npm test
:
npm i -d && npm test
Contributing
Pull requests and stars are always welcome.
For bugs and feature requests, please create an issue.
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
Author
License
MIT © azu