JSFiddle - React, Tailwind, and code Playground

by Proger

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
<script src="http://squizzle.me/js/sqimitive/sqimitive.min.js"></script>

JavaScript

var MyView = Sqimitive.Sqimitive.extend({
  _opt: {
    name: 'Иван',
    surname: 'Петрович',
    age: 900,
  },

  events: {
    change: function (opt, value) {
      this.$('.' + opt).text(value)
    },

    render: function () {
      this.el.empty()
        .append( $('<p class=name>').text(this.get('name')) )
        .append( $('<p class=surname>').text(this.get('surname')) )
        .append( $('<p class=age>').text(this.get('age')) )
    },
  },
})

;(new MyView).attach('body').render()

$('body').append('<hr>')

;(new MyView).attach('body').render()
  .set('name', 'Василий')