https://github.com/srackham/riot-todo

Didactic Flux-like ES6 Todo app written using Riot.
https://github.com/srackham/riot-todo

Last synced: 3 days ago
JSON representation

Didactic Flux-like ES6 Todo app written using Riot.

• Host: GitHub
• URL: https://github.com/srackham/riot-todo
• Owner: srackham
• License: mit
• Created: 2015-02-06T04:57:24.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-08-30T01:18:47.000Z (almost 9 years ago)
• Last Synced: 2024-04-15T00:15:12.813Z (3 months ago)
• Language: JavaScript
• Size: 276 KB
• Stars: 113
• Watchers: 7
• Forks: 15
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-stars - srackham/riot-todo - Didactic Flux-like ES6 Todo app written using Riot. (JavaScript)
• awesome-practise-project - Riot Todo

README

        
# Flux-like Riot Todo Application

This minimalist didactic application is written using the React-like [Riot](https://muut.com/riotjs/) UI library:

- Written in ES6.

- Compiled using [6to5](http://6to5.org/).

- Bundled with [Webpack](http://webpack.github.io/).

- Uses browser LocalStorage for persistence.

The app is a port of my [Flux Backbone Todos Example](https://github.com/srackham/flux-backbone-todo) and I wrote it to learn and evaluate Riot.

[Live Demo](http://srackham.github.io/riot-todo/)

## Differences between this application and the Flux Backbone Todos Example

1. Uses [Riot](https://muut.com/riotjs/) UI library instead of [React](http://facebook.github.io/react/).

2. Uses [RiotControl](https://github.com/jimsparkman/RiotControl) (slightly modified) instead of the [Flux](https://github.com/facebook/flux) dispatcher.

3. Writes to browser LocalStorage directly instead of using [Backbone.js](http://backbonejs.org/).

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 .