0.4.0 • Published 7 years ago
almin-devtools v0.4.0
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.
import { Context, Dispatcher, StoreGroup } from "almin";
import AlminDevTools from "almin-devtools"
import { CounterStore } from "../store/CounterStore";
const dispatcher = new Dispatcher();
const store = new StoreGroup([new CounterStore()]);
const appContext = new Context({
dispatcher,
store
});
// initialize devTools
const devTools = new AlminDevTools(appContext);
devTools.connect(); // connect to redux-devtools
/* customize redux-devtools options
devTools.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.init(appContext.getState()); // 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