JSFiddle - React, Tailwind, and code Playground

by Deepak Anand

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.8/dijit/themes/claro/claro.css">
<!-- Dijit Numberfield -->
<body class="claro">
<div id="widget-b"></div>
</body>

JavaScript

// Compose Dijit widgets declaratively (in templates) using 
// _WidgetsInTemplateMixin: seems like a JSFiddle issue
require([
 		"dojo/_base/declare",
    "dijit/_WidgetBase",
    "dijit/_TemplatedMixin",
    "dijit/_WidgetsInTemplateMixin",
		"dojo/domReady!"
], function(declare, _WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin){

	var WidgetA = declare([_WidgetBase, _TemplatedMixin], {
  	constructor: function(){
    	debugger;
    },
  	template: '<div>Widget A </div>'  	
  });

    var WidgetB = declare([_WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin], {
    	constructor: function(){
    		debugger;
    	},
    	template: '<div><div data-dojo-type = "WidgetA"></div><div>Widget B</div></div>'
    });
    
    var b = new WidgetB();
    b.placeAt("widget-b");
    b.startup();
    
    
    
});