JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mad"/>

JavaScript

firstBy=(function(){function e(f){f.thenBy=t;return f}function t(y,x){x=this;return e(function(a,b){return x(a,b)||y(a,b)})}return e})();


v = [
  {
    "name": "mayank",
    "is_online": 1
  },
  {
    "name": "aravind",
    "is_online": 0
  },
  {
    "name": "vinayak",
    "is_online": 1
  },
  {
    "name": "rahul",
    "is_online": 1
  },
  {
    "name": "suresh",
    "is_online": 1
  },
  {
    "name": "amit",
    "is_online": 1
  },
  {
    "name": "jeevan",
    "is_online": 1
  },
  {
    "name": "mohit",
    "is_online": 0
  },
  {
    "name": "manak",
    "is_online": 0
  }
];

v.sort(
    firstBy(function (v1, v2) { return v1.is_online - v2.is_online; })
    .thenBy(function (v1, v2) { return v1.name > v2.name; })
);
var nt = "";
v.forEach(function(el, ix) {
    nt += el.name + " + " + el.is_online + "<br/>";
});
document.getElementById("mad").innerHTML = nt;