elx
Install
$ npm install --save elx
Usage
// a counter in 4 lines
Concepts
Initial State
Every element has its initial state.
// for the counter exampleconst initialState = 0const source =
Handler for events
Notify your element with some data, of course it does not know how to handle the data for now.
source
Sure the event handler can be a function or even a Promise that resolves the data.
source
Handler for actions
Abosolutely you can use custom actions, because you need cross-element communications!
source
If you are using custom action, you can use source.dispatch(ACTION)
to trigger that action! Action names are all caps.
Reducer
Tell your element how to get the new state after received data from event hander.
// since it's just a counter// we simply add the received data in event handler// to the currentState const reducer = currentState + receivedsource
Subscribe
Trigger when element's state got changed.
source
Contributing
- 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