Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: about 1 month 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 (over 5 years ago)
Last Synced: 2024-04-14T10:13:03.337Z (8 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 / Monkey C 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.

[![Awesome Badge](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

[![Gitter Chat](https://badges.gitter.im/sindresorhus/awesome.svg)](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  

[![CC0](https://i.creativecommons.org/p/zero/1.0/88x31.png)](https://creativecommons.org/publicdomain/zero/1.0/)