JSFiddle - React, Tailwind, and code Playground

HTML

<div id="results"></div>
<img src="http://placekitten.com/g/240/500" alt=""/>
<img src="http://placekitten.com/g/240/500" alt=""/>
<img src="http://placekitten.com/g/240/500" alt=""/>
<img src="http://placekitten.com/g/240/500" alt=""/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js"></script>

JavaScript

var results = document.getElementById('results');
var r = new XMLHttpRequest();
r.open("GET", "http://www.filltext.com?rows=10&f={firstName}", true);
r.onreadystatechange = function () {
  if (r.readyState != 4 || r.status != 200) return;
  var data = JSON.parse(r.responseText);
  for (i = 0; i < data.length; i++) {
    results.innerHTML += '<li>' + data[i].f + '</li>'
  }
};
r.send();

setTimeout(function(){
  var hey = window.performance.getEntriesByType("resource");
  console.log(hey);
}, 0);