0.1.1 • Published 10 years ago
waves v0.1.1
waves
A view library built on top of Ripple. Waves is to Ripple as Myth is to Rework. Makes it easier to get started with Ripple if you're not using a package manager.
If you're using Component or Browserify, you're better off using ripple directly.
It's just ripple but with a few plugins (listed below) included for you, to get you started:
Download
This adds a waves variable to the window.
Usage
<body>
<!-- example view -->
<script type="text/template" id="person">
<div>{{name}}</div>
</script>
<!-- pull in waves -->
<script src="path/to/waves.js" type="text/javascript"></script>
<!-- bind your view with data -->
<script>
var Person = waves('#person');
var person = new Person({
data: {
name: 'Gus'
}
})
person.appendTo(document.body);
</script>
</body>You can reference waves using a CSS selector:
var Person = waves('#person');or pass in a template string directly:
var Person = waves('<div>{{name}}</div>');You might do an AJAX request to get the template or store the templates on the page.