JSFiddle - React, Tailwind, and code Playground

by Ersin Bilgin

HTML

<div id="result"></div>

JavaScript

var App = {
}

App.init = function () {

    for (var a in App) {

        //var performanceStart = performance.now();

        if (typeof App[a].init == "function") {

            if (App[a].availablePages && Object.prototype.toString.call(App[a].availablePages) === "[object Array]") {
                if (typeof App.currentPage != "undefined" && App[a].availablePages.indexOf(App.currentPage.name) > -1) {
                
                    cl("this");
                    App[a].init();
                }
            } else {
                    cl("those");
                App[a].init();
            }

        }

        //var performanceEnd = performance.now();

        // Performance testing for javascript modules
        //console.log(performanceEnd - performanceStart, a);

    }

} 

App.home = {
	availablePages: ["home"],
  init: function() {
  	cl("test");
  }
}

document.getElementById("result").innerHTML = "";

var cl = function ( str ) {

	document.getElementById("result").innerHTML += str + "<br />";

}

App.init();