JSFiddle - React, Tailwind, and code Playground

by Chris Buttery

HTML

<html>
  <head></head>
  <body>
    <div class="person">{{name}}</div>
    <script src="build.js"></script>
  </body>
</html>

JavaScript

var ripple = require('ripplejs/ripple');
var el = document.querySelector('.person'); // el from DOM

var Person = ripple(el.outerHTML)
  .attr('name');

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

el.parentElement.removeChild(el); // remove it
person.appendTo(document.body);