We're making these examples compatible to v3. If you find something strange, feel free to send PR 😄
Riot Examples
This is a series of examples designed to showcase the benefits of adopting Riot. It is made possible by the Riot open source community.
Note: These examples are basically tested on the latest version of Riot. Check the older examples here for v2.
We have several examples to choose from; each one demonstrates different aspects Riot:
Basics
| Example | ||
|---|---|---|
| Timer | Source | Demo |
| Todo | Source | Demo |
| Todo (pre-compiled) | Source | Demo |
| Live filtering | Source | Demo |
| Mixins | Source | Demo |
| Observables | Source | Demo |
| Router - Page switcher | Source | Demo |
| Animated list reordering | Source | Demo |
| Live Ajax Search | Source | Demo |
Advanced
| Example | ||
|---|---|---|
| ES6 | Source | Demo |
| Pre-process LESS | Source | Demo |
| Router - Complex | Source | Demo |
| Router - History API | Source | |
| Webpack | Source | |
| Rollup | Source |
Extra
| Example | ||
|---|---|---|
| If, then, elseif | Source | Demo |
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 and submit a PR.
Bugs
If you find something that isn't expected please raise an issue and we'll get on it. To make it easier to debug please use the Bug Reporter.