JSFiddle - React, Tailwind, and code Playground

JavaScript

function longFunc(){
    var deferred = $.Deferred();
    
    setTimeout(function(){
        console.log("long func completed");
        deferred.resolve("hello");
    }, 3000);
    
    return deferred.promise();
}

function shortAfterLongFunc(x){
    console.log('short func completed with value: ' + x);
    return {
        a: x
    };
}

console.log(longFunc().then(shortAfterLongFunc));