JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.js"></script>
<div data-bind="if: IsViewModelReady, visible: true" style="display: none">
    <h1>Ready</h1>
    <p data-bind="text: message"></p>
</div>
Header will appear in 2 seconds

JavaScript

window.IsViewModelReady = ko.observable();

var viewModel = function() {
    var self = this;
    
    setTimeout(function() {
    self.message = "Hello world";
        window.IsViewModelReady(true);
    }, 10000);
    
}
    
ko.applyBindings(new viewModel());