riot-todo

KO | EN

gitlite — search

#javascript #hacktoberfest #react #typescript #llm #go #android #machine-learning #rust #deep-learning #java #cli #vue #pytorch

(★ 110)

Didactic Flux-like ES6 Todo app written using Riot.

riot-todo Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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 <http://localhost:8888/>.

riot-todo

riot-todo Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

riot-todo

riot-todo Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README