JSFiddle - React, Tailwind, and code Playground

by neerajdotname

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.24.1/ramda.min.js"></script>
<pre><code id="output"></code></pre>
<script>
var log = (function() {
    var o = document.getElementById("output");
    return function(obj) {o.innerHTML += "\n" + JSON.stringify(obj, null, 4);}
}()); 
var users = [ { name: "John", status: "Active"}, 
              { name: "Mike", status: "Inactive"},
              { name: "Rachel", status: "Active" },
              { name: "Sally", status: "Active" },
              { name: "Bonnie", status: "Active" },
              { name: "",       status: "Active" },
             ]
</script>

JavaScript

var isStatusActive = R.propSatisfies(R.equals("Active"), 'status');
var active = R.filter(isStatusActive);
var isNameEmpty = R.propSatisfies(R.isEmpty, 'name');
var rejectEmptyNames = R.reject(isNameEmpty);
var result2 = R.pipe(active, rejectEmptyNames, R.take(2))(users);
log(result2);