JSFiddle - React, Tailwind, and code Playground

by GioLogist

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js&quot;   integrity=&quot;sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=&quot;   crossorigin=&quot;anonymous"></script>

JavaScript

$.getJSON( "https://forums.practiceonfire.com/api/forum", function( data ) {
  var items = [];
  var flarumTags = [];
  var flarumDiscussion = [];
  $.each( data.included, function( key, val ) {
  	if(val.type == 'tags'){
    	flarumTags.push(val)
    } 
    if (val.type == 'discussions'){
     	flarumDiscussion[val.id] = val;
    }
  });
 
  $.each( flarumTags, function( key, tag ) {
    lastDiscussionId = tag.relationships.lastDiscussion.data.id;
    lastDiscussion = flarumDiscussion[lastDiscussionId];
  	items.push( "<li id='" + key + "'>" + tag.attributes.name + " - " + lastDiscussion.attributes.title  + " - " +  lastDiscussion.attributes.lastTime + "</li>" );    
	});
  
     //

  $( "<ul/>", {
    "class": "my-new-list",
    html: items.join( "" )
  }).appendTo( "body" );
});