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.
Important: Not all the examples were migrated to Riot.js 4. The exampled prefixed π§ are not yet ported to Riot.js 4 and they are located in the wip
folder. Please be patient
Note: The Riot.js 3 examples are available here .
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 |
π§ Simple modal | Source | Demo |
π§ Live Ajax Search | Source | Demo |
Advanced
Example | ||
---|---|---|
TypeScript | Source | |
π§ ES6 | Source | Demo |
π§ Pre-process LESS | Source | Demo |
π§ Router - Complex | Source | Demo |
π§ Router - History API | Source | |
Webpack | Source | |
Rollup | Source | |
π§ Redux | Source | |
π§ GraphQL | 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.