JSFiddle - React, Tailwind, and code Playground

by Derek Anderson

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script>
<div id="test">
    "the stooges"
</div>

JavaScript

/*
    UnderQuery, now you don't need to justify both libs to your team  
*/
(function (global, jQuery, underscore) {
    /*
    do not really every do this. please. begging you.
    */
    global._$ = global._$ || function(){
        Object.getOwnPropertyNames(underscore).forEach(function(property) {
            if(typeof underscore[property] == 'function'){
                (function(){
                    jQuery[property] = function(){
                        return underscore[property].apply(0, arguments);   
                    }
                }())
            };
        });
        return jQuery;
    }();
}(window, jQuery.noConflict(true), _.noConflict()));

var stooges = [{name: 'moe', age: 40}, {name: 'larry', age: 50}, {name: 'curly', age: 60}];

_$("#test").html(
    _$.pluck(stooges, 'name').join("<br>")
);