JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/eventemitter3"></script>
<script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/prop-types/prop-types.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/font-awesome.css">
<div id="news"></div>

Babel + JSX

const place = document.getElementById('news');
window.ee = new EventEmitter();

React.PropTypes = PropTypes;

let my_news = [
  {
    title: 'Russia become the capital of our Galaxy Empire',
    text: 'Today is the most significant day in the history of mankind. Russia became the capital of the Intergalactic Empire. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, rerum odit? Facere nobis numquam minima expedita, inventore dolore deserunt veritatis.',
    author: 'V.V.Pootin',
    like: 15200,
    dislike: 3400
  },
  {
    title: 'The level of agression of wild dogs increased',
    text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. A rem est soluta, error doloribus pariatur, vel autem ipsa sunt debitis voluptate commodi maiores atque earum. Asperiores excepturi magnam quibusdam vel. Similique minima nam facilis ea omnis distinctio ratione quae explicabo.',
    author: 'Citizen of 8s residence hall',
    like: 1230,
    dislike: 287
  },
  {
    title: 'The day when i become Hokage',
    text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, at, fugiat ratione, consequuntur eum sed accusantium enim culpa iusto doloribus qui, odio id. Molestias eveniet officia eaque ut veritatis consequatur voluptates beatae ex, laborum, sunt modi laudantium odio error commodi.',
    author: 'Naruto Uzumaki',
    like: 2845,
    dislike: 3450
  },
  {
    title: 'How to make your RASENGAN bigger?',
    text: 'British scientists explore new way to expand your RASENGAN without registration and SMS. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, omnis, assumenda. Itaque enim beatae officia nemo, harum id repudiandae ab deserunt ratione quaerat nihil culpa repellendus, placeat facilis quisquam exercitationem.',
    author: 'Some Anime character',
    like: 2454,
    dislike: 200
  }
];

function Entry({data: {title, author, text, like, dislike}, index, likeClick}) {
  return <div className="title">
      <div>
     ...