JSFiddle - React, Tailwind, and code Playground

by ZenMaster

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.0.0/knockout-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.js"></script>
<ul data-bind="foreach: Object.keys($data)">
    <li>
        <span data-bind="text: $data"></span>: <span data-bind="text: $root[$data]"></span>
        <input data-bind="value: $data">: <input data-bind="value: $root[$data]">
    </li>
</ul>

JavaScript

var data = {
    name: 'a',
    b: {
        name: 'b'
    }
};

var mapped = ko.mapping.fromJS(data);

ko.applyBindings(mapped);