JSFiddle - React, Tailwind, and code Playground

by Igor Cuckovic

HTML

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>
<script src="https://code.jquery.com/jquery-3.0.0.min.js" integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=" crossorigin="anonymous"></script>


<div data-bind="pulseStormHelloWorld:message"></div>

JavaScript

jQuery(function(){    
    var viewModelConstructor = function() {   
        this.message = "Hello World!!!111";
    }  

    ko.bindingHandlers.pulseStormHelloWorld = {
        update: function(element, valueAccessor){
            jQuery(element).html('<h1>' + valueAccessor() + '</h1>');
        }
    };    
    
    ko.applyBindings(new viewModelConstructor());        
});