JSFiddle - React, Tailwind, and code Playground

HTML

<div data-bind="with: Menu">
    <ul data-bind="foreach: menuItems">
        <li data-bind="text: $data"/>
    </ul>
</div>
<div data-bind="with: Content">
    <p data-bind="text: Content"/>
</div>

JavaScript

function MainVM() {
     var self = this;
}

function MenuVM() {
    var self = this;
     self.menuItems = ko.observableArray(['Main', 'About']);
}

function ContentVM() {
 var self = this;
    self.Content = ko.observable("here is some other stuff");
}

var vm = new MainVM();

vm.Menu = new MenuVM();
vm.Content = new ContentVM();

ko.applyBindings(vm);