JSFiddle - React, Tailwind, and code Playground

by brianarn

HTML

<link rel="stylesheet" href="http://dojotoolkit.org/reference-guide/1.7/_static/js/dijit/themes/claro/claro.css">
<p>This is the Dojo 1.7.2 version<p>
<div data-dojo-type="mywidget" id="email" />

JavaScript

require([
    "dojo/_base/declare",
    "dojo/ready",
    "dojo/parser",
    "dijit/_Widget",
    "dijit/_TemplatedMixin",
    "dijit/_WidgetsInTemplateMixin",
    "dijit/form/ValidationTextBox",
    "dojox/validate/regexp"
], function(declare, ready, parser, Widget, TemplatedMixin, WidgetsInTemplateMixin, Vtb, reg) {

    declare("mywidget", [Widget, TemplatedMixin, WidgetsInTemplateMixin], {
        // change the emailAddress to emailAddressList and re-run and notice the time taken for the widget to show
        templateString:'<div><input data-dojo-props="regExpGen:dojox.validate.regexp.emailAddress" type="text" data-dojo-type="dijit.form.ValidationTextBox" /></div>'        
    });
    
    ready(function(){
        parser.parse();
    });
});