https://github.com/riot/examples

Demos and examples for Riot and submodules
https://github.com/riot/examples

riot

Last synced: about 1 month ago
JSON representation

Demos and examples for Riot and submodules

• Host: GitHub
• URL: https://github.com/riot/examples
• Owner: riot
• License: mit
• Created: 2015-08-15T13:53:12.000Z (over 9 years ago)
• Default Branch: gh-pages
• Last Pushed: 2023-12-08T23:33:46.000Z (about 1 year ago)
• Last Synced: 2024-04-15T00:12:37.289Z (8 months ago)
• Topics: riot
• Language: Riot
• Homepage:
• Size: 2.03 MB
• Stars: 357
• Watchers: 26
• Forks: 113
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-riotjs - Examples by community
• awesome-starred - riot/examples - Demos and examples for Riot and submodules (others)

README

        
[![Build Status][travis-image]][travis-url] [![MIT License][license-image]][license-url]

# Riot Examples

This is a series of examples designed to showcase the benefits of adopting [Riot](https://riot.js.org). It is made possible by the Riot open source community.

**Note**: The Riot.js 3 examples are available [here](https://github.com/riot/examples/tree/v3) .

We have several examples to choose from; each one demonstrates different aspects of Riot:

## Basics

Example | | |

:-- | :-- | :--

Timer | [Source](timer) | [Demo](https://riot.js.org/examples/plunker/?app=timer)

Todo | [Source](todo-app) | [Demo](https://riot.js.org/examples/plunker/?app=todo-app)

Todo (pre-compiled) | [Source](todo-app-precompiled) | [Demo](https://riot.js.org/examples/todo-app-precompiled/)

Color Palette | [Source](color-palette) | [Demo](https://riot.js.org/examples/plunker/?app=color-palette)

Hooks | [Source](hooks) | [Demo](https://riot.js.org/examples/plunker/?app=hooks)

Router - Page switcher | [Source](router-page-switcher) | [Demo](https://riot.js.org/examples/plunker/?app=router-page-switcher)

Animated list reordering | [Source](animated-list-reordering) | [Demo](https://riot.js.org/examples/plunker/?app=animated-list-reordering)

Simple modal | [Source](modal) | [Demo](https://riot.js.org/examples/plunker/?app=modal)

Live Ajax Search | [Source](live-ajax-search) | [Demo](https://riot.js.org/examples/plunker/?app=live-ajax-search)

## Advanced

Example | | |

:-- | :-- | :--

TypeScript | [Source](typescript) |

Router - Complex | [Source](router-complex) | [Demo](https://riot.js.org/examples/plunker/?app=router-complex)

Router - History API | [Source](router-history-api) |

Router - Lazy Routes | [Source](lazy-routes) |

SSR | [Source](ssr) |

Deno | [Source](deno) |

## Contribute

If you have an example that you think others could benefit from and you'd like to share it please read the [contributing guidelines](CONTRIBUTING.md) and submit a PR.

## Bugs

If you find something that isn't expected please [create an issue](https://github.com/riot/examples/issues) and we'll get on it. To make it easier to debug please use the [Bug Reporter](https://riot.js.org/examples/plunker/?app=bug-reporter).

[travis-image]:https://img.shields.io/travis/riot/examples.svg?style=flat-square

[travis-url]:https://travis-ci.org/riot/examples

[license-image]:http://img.shields.io/badge/license-MIT-000000.svg?style=flat-square

[license-url]:LICENSE