JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="my"></ul>

JavaScript

var result = {
"0":{'id':1,'t':'Hi0'},
"1":{'id':2,'t':'Hi1'},
"2":{'id':3,'t':'Hi2'},
"3":{'id':4,'t':'Hi3'},
"4":{'id':5,'t':'Hi4'},
"5":{'id':6,'t':'Hi5'},
"6":{'id':7,'t':'Hi6'},
"7":{'id':8,'t':'Hi7'},
"8":{'id':9,'t':'Hi8'},
"9":{'id':10,'t':'Hi9'},
"10":{'id':11,'t':'Hi10'},
"11":{'id':12,'t':'Hi11'},
"12":{'id':13,'t':'Hi12'},
"13":{'id':14,'t':'Hi13'},
"14":{'id':15,'t':'Hi14'},
};

for(i in result){
$('#my').delay(1000).queue(function (next) {
    $(this).prepend('<li><a href="#">' + result[i]['t'] + '</a></li>');
    next();
});
}