JSFiddle - React, Tailwind, and code Playground

by Deepak Anand

HTML

<div id = "widget-placeholder"></div>
<div id = "widget-placeholder2"></div>

JavaScript

// A simple widget example
// Linked from http://deepak-greaterthan140.blogspot.com/2014/02/unravelling-dojo-widgetdijit.html

require([
        "dojo/_base/declare",
        "dijit/_WidgetBase",
        "dijit/_TemplatedMixin"
], function(declare, _WidgetBase, _TemplatedMixin) {
  
  var MyWidget = declare([_WidgetBase, _TemplatedMixin], {
    
    baseClass: "myWidgetBaseClass",
    templateString: "<div>${title}</div>"
  });
  
  var widgetInstance = new MyWidget({
  	title: "my name"
  }, "widget-placeholder");
  
  widgetInstance.startup();
  
  var widgetInstance = new MyWidget({
  	title: "your name"
  }, "widget-placeholder2");
  
  widgetInstance2.startup();
  
});