Simply start a static server on this project folder.
You have to install Browserify then simply run these command :
npm install
this will install all the dependencies and bundle the project sources files.
This implementation has been inspired by the React Flux architecture
In this implementation has 3 main parts, a TodoStore
, a list of actions contained in TodoActions
, and a list of views in the form of React Components.
This store exposes 2 streams:
todos
: An RxJS observable that will contain an up-to-date list of todos.updates
: an RxJSObserver
that will receive operations to apply on the list of todos, those operations take the form of functions that create a new version of our todos list.
A list of Rx Observer that will be exposed to our components, this actions are registered against the updates
stream of the TodoStore, and will push new operations into this stream when they receive values.
A set of React components that will react to changes in our TodoStores todos
stream.
In this implementation state and events handlers are managed in a 'reactive' way through the use of a special RxMixin.
TodoStore.todos --------------> React Components ---- (push value) ---> TodoActions-- +
Ʌ |
| |
| |
| |
+--(apply operation on the todos list) ---TodoStore.updates <--- (push operations) --+