JSFiddle - React, Tailwind, and code Playground

by omarqa

HTML

<div id="spa"></div>

JavaScript

var spa = (function(){
    var initModule = function($container){
        spa.shell.initModule($container);
    };
    return {initModule:initModule};
}());

spa.shell = (function(){
    var configMap = {
        layout_html: function()
        {
            if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) 
                return "<div>mobile</div>"; 
            else
                return "<div>others</div>";
        }},
        stateMap = {$container:null},
        jqueryMap={},
        setJqueryMap,initModule;
    setJqueryMap = function()
    {
        var $container = stateMap.$container;
        jqueryMap = {$container:$container};
    };

    initModule = function($container)
    {
        stateMap.$container = $container;
        $container.html(configMap.layout_html);
        setJqueryMap();
    };

    return {initModule:initModule};
}());



$(function(){spa.initModule($('#spa'));})