JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.112/styles/kendo.common-material.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.112/styles/kendo.material.min.css">
<script src="https://kendo.cdn.telerik.com/2016.1.112/js/kendo.all.min.js"></script>
		<script>
			function TreeDestroy() { // http://stackoverflow.com/questions/5431351
				$('#Tree_Space').data('')
				alert('destroyed');
			}
			function TreeShow() {
				$('#Tree_Space').kendoTreeView({
					dataSource: [ { Name: 'Top', items: [ { Name:'Item' } ] } ],
					template: kendo.template($('#Tree_template').html())
				});
				alert('shown');
			}
		</script>

		<a href="#" onclick="TreeShow(); return false;">draw</a> |
		<a href="#" onclick="TreeDestroy(); return false;">destroy</a>

		<div id='Tree_Space'>
		</div>

		<script type='text/x-kendo-template' id='Tree_template'>
			#= item.Name#
		</script>