Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pankajparashar-zz/awesome-riotjs
A curated list of awesome riot.js resources!
https://github.com/pankajparashar-zz/awesome-riotjs
List: awesome-riotjs
Last synced: 3 months ago
JSON representation
A curated list of awesome riot.js resources!
- Host: GitHub
- URL: https://github.com/pankajparashar-zz/awesome-riotjs
- Owner: pankajparashar-zz
- Created: 2016-01-10T11:40:55.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2019-09-06T03:05:45.000Z (about 5 years ago)
- Last Synced: 2024-04-14T10:13:03.337Z (7 months ago)
- Size: 20.5 KB
- Stars: 74
- Watchers: 2
- Forks: 5
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- more-awesome - Riot - Riot.js resources! (Front-End Development)
- ultimate-awesome - awesome-riotjs - A curated list of awesome riot.js resources!. (Other Lists / PowerShell Lists)
README
# Awesome Riot.js
A curated list of awesome [Riot.js](http://riotjs.com/) resources! The library is created by the incredible folks at [Muut](https://muut.com/blog/technology/riot-2.0/). Please refer the contribution guidelines and the license for more information.
[](https://github.com/sindresorhus/awesome)
[](https://gitter.im/pankajparashar/awesome-riotjs)
## Table of contents
- [Official Links](#official-links)
- [Articles](#articles)
- [Tutorials](#tutorials)
- [Screencasts](#screencasts)
- [Components](#components)
- [Frameworks](#frameworks)
- [Examples](#examples)
- [Tools](#tools)
- [Cheatsheets](#cheatsheets)
- [Miscellaneous](#miscellaneous)
### Official Links
- [Project homepage](http://riotjs.com/)
- [Github page](https://github.com/riot/riot)
- [Code playground](http://riotjs.com/play/)
- [Official guide](http://riotjs.com/guide/)
- [API Docs](http://riotjs.com/api/)
- [Frequently Asked Questions](http://riotjs.com/faq/)
- [Examples by community](https://github.com/riot/examples)
- Download links: [JSDelivr](http://www.jsdelivr.com/projects/riot), [CDN](https://cdnjs.com/libraries/riot), [NPM](https://www.npmjs.com/package/riot), [Bower](http://bower.io/search/?q=riot.js), [Git](https://github.com/riot/riot.git)
- Branding: [60x30](http://riotjs.com/img/logo/riot60x.png), [120x60](http://riotjs.com/img/logo/riot120x.png), [240x120](http://riotjs.com/img/logo/riot240x.png), [480x240](http://riotjs.com/img/logo/riot480x.png), [512x512](http://riotjs.com/img/logo/square.png), [960x480](http://riotjs.com/img/logo/riot960x.png)
### Articles
- [Comparison with React and Polymer](http://riotjs.com/compare/)
- [Riot compiler explained](http://www.triplet.fi/blog/riot-compiler-explained/)
- [Using Riot tags with Gulp and Browserify](http://www.triplet.fi/blog/adding_compiled_riot_tags_to_your_gulp_browserify_build/)
### Tutorials
- [Building Apps with Riot, ES6 and Webpack](http://blog.srackham.com/posts/riot-es6-webpack-apps/)
- [Building a tabbed interface with Riot](http://robertwpearce.com/blog/riotjs-example/)
- [Building a comment section with Riot](https://juriansluiman.nl/article/154/the-react-tutorial-for-riot)
- [Building a clock custom tag with Riot](https://juriansluiman.nl/article/154/the-react-tutorial-for-riot)
- [Building a todo app with Riot](http://www.marcusoft.net/2015/12/riotjs-anatomy-of-a-tag.html)
### Screencasts
- [Introduction to Riot.js](https://www.youtube.com/watch?v=al87U6NgRTc) by [@avanslaars](https://github.com/avanslaars) **- YouTube** `[19:35]`
- [Loops, Events and Callbacks](https://www.youtube.com/watch?v=T-ZV9dv93sw) by [@avanslaars](https://github.com/avanslaars) **- YouTube** `[13:54]`
- [Server Side Rendering](https://www.youtube.com/watch?v=6ww1UXGJzcs) by [@avanslaars](https://github.com/avanslaars) **- YouTube** `[19:44]`
- [Setting up Webpack and Riot.js](https://www.youtube.com/watch?v=UgdZbT-KPpY) by [@avanslaars](https://github.com/avanslaars) **- YouTube** `[10:42]`
- [Getting Started with Riot.js](https://egghead.io/lessons/javascript-riot-js-getting-started) by [@timkindberg](https://github.com/timkindberg) **- EggHead** `[02:40]`
- [Scoped CSS and Toggled Classes](https://egghead.io/lessons/javascript-riot-js-scoped-css-and-toggled-classes) by [@timkindberg](https://github.com/timkindberg) **- EggHead (PRO)** `[02:41]`
- [DOM Events](https://egghead.io/lessons/javascript-riot-js-dom-events) by [@timkindberg](https://github.com/timkindberg) **- EggHead (PRO)** `[02:49]`
- [Tag Options](https://egghead.io/lessons/javascript-riot-js-tag-options) by [@timkindberg](https://github.com/timkindberg) **- EggHead** `[02:20]`
- [Tag Life Cycle Hooks](https://egghead.io/lessons/javascript-riot-js-tag-life-cycle-hooks) by [@timkindberg](https://github.com/timkindberg) **- EggHead (PRO)** `[02:48]`
- [Repeating Elements with Each Attribute](https://egghead.io/lessons/javascript-riot-js-repeating-elements-with-each-attribute) by [@timkindberg](https://github.com/timkindberg) **- EggHead** `[04:02]`
### Components
- [Riot Material UI](http://kysonic.github.io/riot-mui/)
- [Riot Gear](https://riotgear.js.org/)
- [Riot Bootstrap](http://cognitom.github.io/riot-bootstrap/)
### Frameworks
- [Angular.js + Riot.js](https://github.com/lucasbrigida/angular-riot)
- [Riot.js Starter Kit](https://github.com/wbkd/riotjs-startkit)
- [Riot.js for TypeScript](https://github.com/nippur72/RiotTS)
- [Riot.js + require.js](https://github.com/amenadiel/requirejs-riot)
### Examples
- [Todo MVC](http://todomvc.com/examples/riotjs/)
- [Hacker News](http://txchen.github.io/riot-hn/#news/1)
- [Shopping cart](http://txchen.github.io/feplay/riot_flux/)
- [Autocomplete](http://richardbondi.net/riot/)
### Tools
- [Riot Tag syntax checker](http://cognitom.github.io/riot-checker/)
### Cheatsheets
- by [Rico Sta. Cruz](http://ricostacruz.com/cheatsheets/riot.html)
- by [Martin Muzatko](http://martinmuzatko.github.io/riot-cheatsheet/)
### Miscellaneous
- [Q&A with RiotJS author Tero Piirainen](http://www.triplet.fi/blog/q-and-a-with-riotjs-author-tero-piirainen/)
- [Riot Detector Chrome Extension](https://chrome.google.com/webstore/detail/riot-detector/cnnmjeggdmicjojlnjghdgkdlijiobke)
- [Riot Atom Package](https://atom.io/packages/riot)
- [Riot Sublime Package](https://github.com/crisward/sublime-tag)
## Contribution Guidelines
Please feel free to suggest new resources by [creating a new issue](https://github.com/pankajparashar/awesome-riotjs/issues) and submit translation in other languages by [creating a new pull request](https://github.com/pankajparashar/awesome-riotjs/pulls). Few points to note,
- Use one of the appropriate lables, namely, **#official-links**, **#tutorials**, **#demos**, **#miscellaneous** while creating a new issue to categorize the resource.
- To request the addition of a new label, raise a separate issue to create the label first and tag it appropriately with the **#new-label**.
- To update the hyperlink of a resource, already present in the list, use the label **#updated-link** and include the new hyperlink in the body of the issue page.
## License
[](https://creativecommons.org/publicdomain/zero/1.0/)