Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ripplejs/ripple
A tiny foundation for building reactive views
https://github.com/ripplejs/ripple
Last synced: about 2 months ago
JSON representation
A tiny foundation for building reactive views
- Host: GitHub
- URL: https://github.com/ripplejs/ripple
- Owner: ripplejs
- Created: 2014-02-09T20:01:41.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2014-07-30T00:15:52.000Z (almost 10 years ago)
- Last Synced: 2024-04-18T15:27:19.245Z (2 months ago)
- Language: JavaScript
- Homepage: http://ripplejs.github.io
- Size: 2.23 MB
- Stars: 1,276
- Watchers: 39
- Forks: 66
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- Changelog: History.md
Lists
- awesome-javascript - ripple - A tiny foundation for building reactive views. (MVC Frameworks and Libraries / Runner)
- awesome-javascript-cn - ripple
- awesome-stars - ripple - A tiny foundation for building reactive views (JavaScript)
- awesome-focusnetworks - ripple - A tiny foundation for building reactive views. (MVC Frameworks and Libraries / Runner)
- awesome-javascript - ripple - A tiny foundation for building reactive views. (MVC Frameworks and Libraries / Runner)
- awesome-stars - ripplejs/ripple - A tiny foundation for building reactive views (JavaScript)
- awesome-javascript-libraries - ripple - A tiny foundation for building reactive views. (MVC Frameworks and Libraries / Runner)
- awesome-javascript-builds-project - ripple - A tiny foundation for building reactive views. (MVC Frameworks and Libraries / Runner)
- A-collection-of-awesome-browser-side-JavaScript-libraries-resources-and-shiny-things. - ripple - A tiny foundation for building reactive views. (MVC Frameworks and Libraries / Runner)
- awesome-javascript - ripple
- awesome-javascript - ripple - A tiny foundation for building reactive views - β 1298 (MVC Frameworks and Libraries)
- awesome-javascript - ripple - A tiny foundation for building reactive views ` π 7 years ago ` (MVC Frameworks and Libraries [π](#readme))
- awesome-stars - ripplejs/ripple - `β 1276` A tiny foundation for building reactive views (JavaScript)
- awesome-stars-webVueBlog - ripplejs/ripple - A tiny foundation for building reactive views (JavaScript / θΏη»΄\&DevOps)
README
# ripple.js
[![Build Status](https://travis-ci.org/ripplejs/ripple.svg?branch=master)](https://travis-ci.org/ripplejs/ripple)
A tiny foundation for building reactive views with plugins. It aims to have a similar API to [Reactive](https://github.com/component/reactive), but allow composition of views, like [React](http://facebook.github.io/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.```js
var Person = ripple('{{name}}')
.attr('name', { required: true, type: 'string' });var person = new Person({
name: 'Tom'
});person.appendTo(document.body);
person.name = "Barry"; // DOM updates automatically
```## Install
```js
component install ripplejs/ripple
```## Browser Support
Supports real browsers and IE9+.
## Documentation
[Documentation is on the wiki](https://github.com/ripplejs/ripple/wiki).
## Examples
* [Clock](http://jsfiddle.net/chrisbuttery/QnHPj/3/)
* [Counter](http://jsfiddle.net/anthonyshort/ybq9Q/light/)
* [Like Button](http://jsfiddle.net/anthonyshort/ZA2gQ/6/light/)
* [Markdown Editor](http://jsfiddle.net/anthonyshort/QGK3r/light/)
* [Iteration](http://jsfiddle.net/chrisbuttery/4j5ZD/1/light/)See more examples at [ripplejs/examples](https://github.com/ripplejs/examples)
## Plugins
* [shortcuts](https://github.com/ripplejs/shortcuts) - add custom key binding combos
* [events](https://github.com/ripplejs/events) - add event listeners to the DOM and call methods on the view
* [each](https://github.com/ripplejs/each) - Basic iteration using the `each` directive.
* [bind-methods](https://github.com/ripplejs/bind-methods) - Bind all methods on the prototype to the view
* [markdown](https://github.com/ripplejs/markdown) - Adds a directive to render markdown using Marked.
* [extend](https://github.com/ripplejs/extend) - Makes adding methods to the view prototype a little cleaner
* [intervals](https://github.com/ripplejs/intervals) - Easily add and remove intervals
* [computed](https://github.com/ripplejs/computed) - Add computed properties.
* [refs](https://github.com/ripplejs/refs) - Easily reference elements within the template
* [dispatch](https://github.com/ripplejs/dispatch) - Dispatch custom DOM events up the tree[View and add them on the wiki](https://github.com/ripplejs/ripple/wiki/Plugins)
## License
MIT