JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.min.js "></script>
<script src="https://rawgit.com/nsisodiya/react-json-viewer/master/dist/ReactJSONViewer.js"></script>
<h1>React JSON Viewer Component</h1>

<div id="root">HI</div>
<p>Github - <a target='_blank' href="https://github.com/nsisodiya/react-json-viewer">https://github.com/nsisodiya/react-json-viewer</a>
</p>

JavaScript

var jsonData = [{
    "task": "Write Book",
        "done": false
}, {
    "task": "Learn React",
        "done": true
}, {
    "task": "Buy Mobile",
        "done": false
}];
ReactDOM.render(React.createElement(ReactJSONViewer, {
    json: jsonData
}), document.getElementById("root"));