Skip to content

Latest commit

 

History

History

ractive

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 

Ractive.js TodoMVC app

Ractive.js solves some of the biggest headaches in web development – data binding, efficient DOM updates, event handling – and does so with almost no learning curve.

Ractive.js - ractivejs.org

Learning Ractive.js

Try the 60 second setup, or follow the interactive tutorials.

You can find the API documentation on GitHub.

If you have questions, try Stack Overflow or @RactiveJS on Twitter.

If you have other helpful links to share, or find any of the links above no longer work, please let us know.

Implementation

Ractive.js isn't an MVC framework in the traditional sense. There are no Model classes, just a plain old array of task objects, and there is only one view object. The app lives in a single file, with two tiny extra files to handle persistence and routing.

This is because Ractive is optimised for developer sanity (as well as performance!). It was initially developed to create interactive news apps at theguardian.com, which have to be built against punishing deadlines and moving goalposts. Because it embraces reactive programming principles, the developer has less to worry about. Ractive's API is totally straightforward - you can learn it in 5 minutes and master it in a few hours.

It has a number of innovative features: animations, easier event handling, declarative transitions, first-class SVG support, logical expressions in templates with sophisticated dependency tracking. For many developers, it hits the sweet spot between the flexibility of a library like Backbone and the power of a framework like Angular.

Credit

This TodoMVC application was created by Rich Harris.