JSFiddle - React, Tailwind, and code Playground

by bluetidepro

HTML

<ul id="testposts"></ul>

CSS

.blog-entries-container {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 auto;
}
.blog-entries-container h1 {}
.blog-entries-container h2 {
	border-bottom: 1px solid #bcbcbc;
	padding: 0 0 20px 0;
	margin-bottom: 20px;
}
.blog-entries {
	list-style: none;
	margin: 0;
	padding: 0;
}
.blog-entries li {
	padding: 12px 18px;
	display: block;
	margin: 0 0 20px 0;
	background: #eee;
}
.blog-entry {}
.blog-entry h3 {
	margin: 0 0 6px 0;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.45;
}
.blog-entry p {
	margin: 0 0 8px 0;
	font-size: 14px;
	line-height: 1.3;
}
.blog-entry footer {
	font-style: italic;
	font-size: 12px;
	color: #8f8d8e;
	margin: 0 0 10px 0;
}
.blog-entry .entry-categories,
.blog-entry time {
	font-weight: bold;
}

JavaScript

/* ===========================================================
 * jquery-blog-rss.js v1.1.1
 * ===========================================================
 * Copyright 2013 Zach Reed.
 * http://www.iamzachreed.com
 *
 * Pull your RSS blog into your store theme
 * 
 * License: GPL v3
 *
 * ========================================================== */
!function($){
	/**
	 * Timeago
	 *
	 * @name timeago
	 * @version 1.3.0
	 * @requires jQuery v1.2.3+
	 * @author Ryan McGeary
	 * @license MIT License - http://www.opensource.org/licenses/mit-license.php
	 *
	 * Copyright (c) 2008-2013, Ryan McGeary (ryan -[at]- mcgeary [*dot*] org)
	 */
	 (function(e){if(typeof define==="function"&&define.amd){define(["jquery"],e)}else{e(jQuery)}})(function(e){function r(){var n=i(this);var r=t.settings;if(!isNaN(n.datetime)){if(r.cutoff==0||o(n.datetime)<r.cutoff){e(this).text(s(n.datetime))}}return this}function i(n){n=e(n);if(!n.data("timeago")){n.data("timeago",{datetime:t.datetime(n)});var r=e.trim(n.text());if(t.settings.localeTitle){n.attr("title",n.data("timeago").datetime.toLocaleString())}else if(r.length>0&&!(t.isTime(n)&&n.attr("title"))){n.attr("title",r)}}return n.data("timeago")}function s(e){return t.inWords(o(e))}function o(e){return(new Date).getTime()-e.getTime()}e.timeago=function(t){if(t instanceof Date){return s(t)}else if(typeof t==="string"){return s(e.timeago.parse(t))}else if(typeof t==="number"){return s(new Date(t))}else{return s(e.timeago.datetime(t))}};var t=e.timeago;e.extend(e.timeago,{settings:{refreshMillis:6e4,allowFuture:false,localeTitle:false,cutoff:0,strings:{prefixAgo:null,prefixFromNow:null,suffixAgo:"ago",suffixFromNow:"from now",seconds:"less than a minute",minute:"about a minute",minutes:"%d minutes",hour:"about an hour",hours:"about %d hours",day:"a day",days:"%d days",month:"about a month",months:"%d months",year:"about a year",years:"%d years",wordSeparator:" ",numbers:[]}},inWords:function(t){function l(r,i){var...