Ractive.js GitHub

Using Ractive with Yeoman

Yeoman is a tool for scaffolding webapps. Jorge Colindres has created generator-ractive, a Yeoman generator to quickly set up a Ractive application.

Specific versions

0.8
0.7
0.6
0.5
0.4.0
0.3.9

Introduction

Get started
Tips
Get support
Contributing
Get started with node.js
Migrating from previous versions

Configuration

Options
Defaults
Advanced configuration

Core Concepts

Templates

Templates
Mustaches
References
Expressions
Keypaths
Partials
Decorators

Data & Binding

Two-way binding
Magic mode
Dependants
Array modification
Computed Properties
Observers
Adaptors
Parallel DOM

Events

Overview
Event directives
Proxy events
Method calls
Publish/subscribe
Event bubbling
Lifecycle events

Transitions and Animations

Transitions
Promises
Easings

Components

Components

API Reference

Constructor

new Ractive(...)

Instance methods

ractive.add()
ractive.animate()
ractive.detach()
ractive.find()
ractive.findAll()
ractive.findAllComponents()
ractive.findComponent()
ractive.fire()
ractive.get()
ractive.insert()
ractive.merge()
ractive.observe()
ractive.off()
ractive.on()
ractive.pop()
ractive.push()
ractive.render()
ractive.reset()
ractive.set()
ractive.shift()
ractive.splice()
ractive.subtract()
ractive.teardown()
ractive.toggle()
ractive.toHTML()
ractive.unrender()
ractive.unshift()
ractive.update()
ractive.updateModel()

Instance properties

ractive.nodes
ractive.transitions
ractive.partials

Static methods

Ractive.extend()
Ractive.parse()

Static properties

Ractive.defaults
Ractive.easing

Plugins

Using

List of plugins

Writing

Adaptors
Decorators
Events
Transitions

Ractive.js is a free and open source project released under the MIT license.