Popularity
3.1
Growing
Activity
0.0
Stable
1,296
41
68

Description

A tiny foundation for building reactive views with plugins. It aims to have a similar API to Reactive, but allow composition of views, like React. The major difference for other view libraries is that there are no globals used at all. Each view has its own set of bindings and plugins. This makes composition of views really easy.

Code Quality Rank: L3
Monthly Downloads: 0
Programming language: JavaScript
Latest version: v0.5.3

ripple alternatives and similar libraries

Based on the "MVC Frameworks and Libraries" category

Do you think we are missing an alternative of ripple or a related project?

Add another 'MVC Frameworks and Libraries' Library

README

ripple.js

Build Status

A tiny foundation for building reactive views with plugins. It aims to have a similar API to Reactive, but allow composition of views, like React. The major difference for other view libraries is that there are no globals used at all. Each view has its own set of bindings and plugins. This makes composition of views really easy.

var Person = ripple('<div>{{name}}</div>')
  .attr('name', { required: true, type: 'string' });

var person = new Person({
  name: 'Tom'
});

person.appendTo(document.body);
person.name = "Barry"; // DOM updates automatically

Install

component install ripplejs/ripple

Browser Support

Supports real browsers and IE9+.

Documentation

Documentation is on the wiki.

Examples

See more examples at ripplejs/examples

Plugins

  • shortcuts - add custom key binding combos
  • events - add event listeners to the DOM and call methods on the view
  • each - Basic iteration using the each directive.
  • bind-methods - Bind all methods on the prototype to the view
  • markdown - Adds a directive to render markdown using Marked.
  • extend - Makes adding methods to the view prototype a little cleaner
  • intervals - Easily add and remove intervals
  • computed - Add computed properties.
  • refs - Easily reference elements within the template
  • dispatch - Dispatch custom DOM events up the tree

View and add them on the wiki

License

MIT


*Note that all licence references and agreements mentioned in the ripple README section above are relevant to that project's source code only.