JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/qiao/heap.js/master/lib/heap.js"></script>

JavaScript

function logJson(s) {
    var line = document.createElement('div');
    line.textContent = JSON.stringify(s);
    document.body.appendChild(line);
}

const person = (name, height) => ({name, height});
const people = new Heap((a,b) => b.height - a.height);

people.push(person('Santiago', 185));
people.push(person('Mateo', 160));
people.push(person('Juan', 180));
const Sofía = person('Sofía', 155);
people.push(Sofía);
const María = person('María', 190);
people.push(María);
people.push(person('Lucía', 165));

logJson(people.peek());

Sofía.height = 210;
people.updateItem(Sofía);
logJson(people.peek());

Sofía.height = 160;
people.updateItem(Sofía);
logJson(people.peek());

María.height = 160;
people.updateItem(María);
logJson(people.peek());

people.push(person('Olivia', 199));
logJson(people.peek());