Skip to content
gh-pages
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
js
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

readme.md

React Rx TodoMVC Example

TodoMVC implementation built on top of React and RxJS

Running

Simply start a static server on this project folder.

Building

You have to install Browserify then simply run these command :

npm install

this will install all the dependencies and bundle the project sources files.

Implementation

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.

The TodoStore:

This store exposes 2 streams:

  • todos: An RxJS observable that will contain an up-to-date list of todos.
  • updates: an RxJS Observer 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.

The TodoActions:

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.

The Views:

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) --+

About

TodoMVC implementation with React and RxJS

Resources

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages

You can’t perform that action at this time.