JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

var result = {
"0":{'id':1,'t':'Hi'},
"1":{'id':2,'t':'Hi'},
"2":{'id':3,'t':'Hi'},
"3":{'id':4,'t':'Hi'},
"4":{'id':5,'t':'Hi'},
"5":{'id':6,'t':'Hi'},
"6":{'id':7,'t':'Hi'},
"7":{'id':8,'t':'Hi'},
"8":{'id':9,'t':'Hi'},
"9":{'id':10,'t':'Hi'},
"10":{'id':11,'t':'Hi'},
"11":{'id':12,'t':'Hi'},
"12":{'id':13,'t':'Hi'},
"13":{'id':14,'t':'Hi'},
"14":{'id':15,'t':'Hi'},
};

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