JSFiddle - React, Tailwind, and code Playground

by db_dev

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.3.5/knockout.mapping.js"></script>
<p> <span>Name:</span>
    <span data-bind="text: IntroData.Name"></span>

    <button id="update" data-bind="click: Update">Update!</button>
</p>

JavaScript

var ViewModel = function(data) {
        var me = this;
        ko.mapping.fromJS(data, {}, me);

        me.Update = function() {
            ko.mapping.fromJS(stuff2, {}, windows.viewModel);
        };

        return me;
    };

    var stuff = {
        IntroData: {
            Name: 'Test'
        }
    };

    var stuff2 = {
        IntroData: {
            Name: 'Test2'
        }
    };

    var windows = ko.mapping.fromJS(new ViewModel(stuff));
    ko.applyBindings(windows);