JSFiddle - React, Tailwind, and code Playground
HTML
We pull the medium posts using this Clay service:
<a href='https://clay.run/services/nicoslepicos/medium-get-user-posts-simple'>
https://clay.run/services/nicoslepicos/medium-get-user-posts-simple
</a>
<div id='recent-medium-posts'>
</div>
JavaScript
// Sending and receiving data in JSON format using POST mothod
xhr = new XMLHttpRequest();
var url = "https://clay.run/services/nicoslepicos/medium-get-user-posts-simple";
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type", "application/json");
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
var userPostsArray = JSON.parse(xhr.responseText);
console.log(userPostsArray);
for(var i=0; i<3; i++){
document.getElementById('recent-medium-posts').innerHTML += "<div><h2>"+ userPostsArray[i].title +"</h2>" + userPostsArray[i].title + "</div>";
}
}
}
var data = JSON.stringify({"username":"nicolaerusan"});
xhr.send(data);