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'},
};
$.each(result, function (key, value) {
	setTimeout(function() {
		$("#my").prepend('<li><a href="#">' + value.t + '</a></li>').children(":first").hide().fadeIn(200);
	}, 1000);
});