JSFiddle - React, Tailwind, and code Playground

by bateast

HTML

<body ng-app="app">
</body>

JavaScript

var module = angular.module('app', []);

module.factory('applicationUserData', [function(){
    var userData;
    return {
        setUserData: function(appbaseUserData){
            userData = appbaseUserData;
        },
        needsTraining: function(){
            userData.ensureUserDataInitialized();
            return userData.needsTraining;
        },
        showWelcomeText: function(){
            userData.ensureUserDataInitialized();
            return userData.showWelcomeText;
        }
    }
}]);

module.factory("userData", ["applicationUserData", function(applicationUserData) {
    var userData = {},
        userDataInitialized = false;

    userData.init = function(data) {
        applicationUserData.setUserData(userData);
        angular.extend(userData, applicationUserData, data);
        userDataInitialized = true;
    };
    userData.init();
    
    return userData;
}]);

module.run(function(applicationUserData, userData) {
    console.log(applicationUserData);
    console.log(userData);
});