When we started investigating React, we were looking for a side project for which we could use both React and Superfeedr’s API. This had to be an RSS reader. One of the aspects of the modern web we’re really fond of is the ability to build rich application without an app server… only using static files.

A RSS River is the perfect use case for us to build a fully static application which uses React.js and Superfeedr’s API. That’s what we did: here’s river.news.

Ha! Do you know what’s amazing? Since it’s just static files (just Javascript, CSS and a simple <section id="content"></section> HTML line), you can embed this river of news on any web page very easily. Check it by yourself:

In the browser

Since it run on your user agent, it can show the feeds to which you are subscribed… and only to you! It actually stores a Supefeedr login and token in your browser’s localstorage. Open a Superfeedr susbcriber account, head to river.news (or to any page which includes it, really!), enter your credentials and start subscribing!

And it’s realime!

React makes it really simple to build complex front applications which multiple views and dynamic elements. Since it’s so simple to integrate Server-Sent Events with React, if the feeds to which you subscribed are PubSubHubbub enabled, the reader will show new story within seconds of their publication time!

Want to learn more about how to use it or embed it? Check the README!

Liked this post? Read the archive or

On the same topic, check embed and customize river.news , react and server sent events and rss or atom, not both!.

Previously, on the Superfeedr blog: It's called RSS.