JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="append-here">
  
</ul>

JavaScript

// https://learn.javascript.ru/modifying-document

var dataFromServer = [{ // данные с твоего сервера в response
	id: 1,
  text: "fuck you",
  youSuck: true
},
{
	id: 2,
  text: "yes fuck u 2",
  youSuck: true
},{
	id: 3,
  text: "fuck you",
  youSuck: true
},{
	id: 4,
  text: "fuck you",
  youSuck: true
}
]







// преобразуем из в li
// тебе для того не нужна jquery
// сделай console.log(items) и посмотри че будет на выходе
var items = dataFromServer.map(function(item){
	var li = document.createElement("li");
  li.innerText = "" + item.id + " " + item.text + " are you suck ? " + item.youSuck;
  return li;
});

// идем по массиву и по очереди добавляем лишки
function writeToUl(selector, data){
	var ul = document.querySelector(selector);
  items.forEach(function(item){
  	ul.appendChild(item);
  });
};


// вызываем функцию writeToUl
writeToUl(".append-here", items);