Skip to content

Didactic Flux-like ES6 Todo app written using Riot.

License

Notifications You must be signed in to change notification settings

moklick/riot-todo

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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/.

About

Didactic Flux-like ES6 Todo app written using Riot.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 96.7%
  • Shell 2.2%
  • Other 1.1%