JSFiddle - React, Tailwind, and code Playground

by burashka

JavaScript

require([
      "dojo/_base/declare",
      "dijit/_Widget",
      "dijit/_TemplatedMixin",
      "dojo/domReady!"
], function(declare, _Widget, _TemplatedMixin){
  var MyWidget = declare([_Widget, _TemplatedMixin], {
      templateString: '<div><span data-dojo-attach-point="nameNode">${name}</span>&nbsp;<span data-dojo-attach-point="surnameNode">${surname}</span></div>',
      _setSurnameAttr: { node: "surnameNode", type: "innerHTML" },
      _setNameAttr: function(val){
              this.nameNode.innerHTML = val;
              this._set("name", val);
      }
  });
    
    var myWidget = new MyWidget({ name: "John", surname: "Smith" });
    myWidget.placeAt(document.body);
});