JSFiddle - React, Tailwind, and code Playground

HTML

<UL id="myUL">
   <LI> First Item <LI>
   <LI> Second Item <LI>
   <LI> Third Item <LI>
   <LI> Fourth Item <LI>
<UL>
    <a class="add" href="#">Add</a>

JavaScript

$('a.add').click(function(e){
    e.preventDefault();
    
    var liData = '<LI style="display:none"> A New Item </LI>';
    $(liData).prependTo('#myUL').fadeIn('slow');
});