rootscript / awesome-ractive

This is a curated list of useful stuff based around Ractive.js. I found that there was very little that I could easily find, so I'm hoping to collect as much as possible here (that is clear & easy to read understand)

awesome-ractive

A useful collection of resources for creating apps with Ractive.js

This is a curated list of useful stuff based around Ractive.js. I found that there was very little that I could easily find, so will collect as much as possible here (that is clear & easy to read & understand)

Contents

• Articles
• Components
• Documentation
• Videos
• Community
• Online Code Examples

Empty sections

• Books
• Boilerplates
• Podcasts
• Tips
• Apps
• Tools

Articles

• Ractive.js - Web Apps Made Easy - An article by Eugene Mirotin with a working sample app that searches a database of developers based on skills. The online sample app is here: Link and the full Github source code here: Link
• What's the difference between React and Ractive? - Rich Harris • 6th May 2014
• What's the difference between Angular and Ractive? - Rich Harris • 2nd Jan 2014

Components-Decorators-Plugins-for-Ractive

With an online live demo

• Ractive-decorators-sortable - a sortable decorator for Ractive, which enables elements that correspond to array members to be re-ordered using the HTML5 drag and drop API. Doing so will update the order of the array.
• ractive-dropdown - Github repo link is here - dropdown list component for Ractive.js.
• ractive-tooltip - Github repo link is here - tooltip for Ractive
• ractive-gauge - Github repo link is here - simple UV-type meter for Ractive
• Bootstrap plugin for Ractive.js - This Ractive plugin provides helper shortcuts for most bootstrap widgets. The goal of this plugin is to help you get started quickly and reduce the overly verbose code that bootstrap tends to produce. It does not attempt to cover everything in bootstrap, but rather offer the most common elements as shortcuts. Sometimes, when you want something more specific or fancy, you can still use the original bootstrap markup.

Documentation

• Ractive.js Quick Start - 60 second setup
• Ractive.js Official docs
• Ractive.js Interactive Tutorials - A set of 13 small interactive tutorials.
• Ractive.js examples - 6 online gist examples

Videos

Free Training

• Ractive.js Crash Course - 41 minutes - A very useful free video by Brad Traversy

Commercial Training

• RactiveJS Fundamentals for Web Developers - Eduonix 💲 4 hour video tutorial course

Community

• Ractive.js open issues on Github
• Ractive.js closed issues on Github
• Stack Overflow questions - Questions tagged ractivejs
• What no slack? Would be useful to have an official channel please.

##Codepen-Examples

• Ractive two-way binding form example
• Ractive progress bar example

Books

• Please Contribute some if you know of any ;)

Ractive-Boilerplates

• Please Contribute any setups, for example Ractive in Electron

Podcasts

• Please Contribute

Tips

Routing (untested tutorials)

• ractive-js-tutorial-routing

Apps

Made with Ractive.

Open Source

• Please Contribute

Closed Source

• Please Contribute some if you know of any ;)

Tools

• Please Contribute

For Ractive

• Please Contribute some if you know of any ;)

Using Ractive

• Please Contribute

License

To the extent possible under law, Rootscript has waived all copyright and related or neighbouring rights to this work.

##TODO - https://github.com/sindresorhus/awesome/blob/master/create-list.md