❤
npm
Sign UpSign In

waves

0.1.1 • Public • Published

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.

Readme

Keywords

Package Sidebar

Install

npm i waves

Repository

github.com/ripplejs/waves

Homepage

github.com/ripplejs/waves#readme

Weekly Downloads

217

Version

0.1.1

License

BSD-2-Clause

Last publish

Collaborators

  • anthonyshort
Try on RunKit
Report malware