JSFiddle - React, Tailwind, and code Playground

by Gabriele Petrioli

HTML

<script src="http://wetu.co.zw/cdn/uri.js"></script>
<script src="http://wetu.co.zw/cdn/jsonp.js"></script>
<script src="http://wetu.co.zw/cdn/jquery.feeds.min.js"></script>
<div id="feed"></div>

JavaScript

$('#feed').feeds({
    feeds: {
        reuters: 'http://feeds.reuters.com/reuters/businessNews'
    },
	max: 2,
    onComplete: function(entries){
        var $this = $(this);
        entries.forEach(function(entry){
            var $self = $this.find('.entry[data-link="'+entry.link+'"]');

            $.ajax({
                url:'https://jsonp.nodejitsu.com/?url=http://clipped.me/algorithm/clippedapi.php?url='+entry.link,
                corsSupport: true, 
                jsonpSupport: true,		
                success: function(data){
                    $self.find('.snippet').html( data.summary );
                }
              });
        });   
    },
	entryTemplate: '<div class="entry" data-link="<!=link!>"><h3><!=title!></h3><p class="snippet"><!=contentSnippet!></p><i><!=link!></i></div>'
});