Didactic Flux-like ES6 Todo app written using Riot.
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
src
.editorconfig
LICENSE
README.md
deploy-gh-pages.sh
package.json
webpack.config.js

README.md

Flux-like Riot Todo Application

This minimalist didactic application is written using the React-like Riot UI library:

  • Written in ES6.
  • Compiled using 6to5.
  • Bundled with Webpack.
  • Uses browser LocalStorage for persistence.

The app is a port of my Flux Backbone Todos Example and I wrote it to learn and evaluate Riot.

Live Demo

Differences between this application and the Flux Backbone Todos Example

  1. Uses Riot UI library instead of React.
  2. Uses RiotControl (slightly modified) instead of the Flux dispatcher.
  3. Writes to browser LocalStorage directly instead of using Backbone.js.

Apart from that the application functionality and architecture is the same.

Building and Running

The app is developed and built in a node/npm environment. To install and run:

  1. Make sure you have node and npm installed.

  2. Clone the Github repo:

     git clone https://github.com/srackham/riot-todo.git
    
  3. Install npm dependencies:

     cd riot-todo
     npm install
    
  4. Build the app dist/bundle.js bundle:

     webpack
    
  5. Start the app in a server:

     npm start
    
  6. Open your Web browser at http://localhost:8888/.