Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/srackham/riot-todo
Didactic Flux-like ES6 Todo app written using Riot.
https://github.com/srackham/riot-todo
Last synced: about 2 months 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 (about 9 years ago)
- Last Synced: 2024-06-27T15:37:53.504Z (3 months ago)
- Language: JavaScript
- Size: 276 KB
- Stars: 113
- Watchers: 7
- Forks: 15
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
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 install4. Build the app `dist/bundle.js` bundle:
webpack
5. Start the app in a server:
npm start
6. Open your Web browser at .