JSFiddle - React, Tailwind, and code Playground

by dmachi

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dijit/themes/claro/claro.css">

JavaScript

dojo.require('dijit.form.Button');

dojo.addOnLoad(function() {
    var startTime = new Date().getTime();
    var div = dojo.create("div");
    for (var i = 0; i < 100; i++) {
        new dijit.form.Button({label: "test " + i}).placeAt(div, "last");
    }
    dojo.place(div, dojo.body());
    var endTime = new Date().getTime();

    var avg = (endTime - startTime) / 100

        
    console.log("Average button creation time: ", avg, "ms");

});

dojo.addOnLoad(function() {
    var startTime = new Date().getTime();
    var div = dojo.create("div");
    for (var i = 0; i < 100; i++) {
          dojo.create("button", {innerHTML: "test " + i}, div);
    }
    dojo.place(div, dojo.body());
    var endTime = new Date().getTime();

    var avg = (endTime - startTime) / 100

        
    console.log("Average native button creation time: ", avg, "ms");

});