4+ Angular 2 RSS Feed Reader Options

Reading RSS feeds are a great way to get the latest content aggregated from a website or blog. Unfortunately, it usually comes in a weird XML format which can sometimes be hard to parse and import data into your feeds reader. For Angular 2 you might want to create a feedservice to read your rss data feeds that your components can use to display to your app. Anyways, here are some options to create an Angular 2 RSS Feed Reader app.

 

1. Angular 2 RSS Reader

Angular 2 RSS Reader
Angular 2 RSS Reader

Plunker Version (based on systemjs.config.js in angular.io). Adjust as necessary for your application needs.

Code + Demo

2. Simple RSS Reader with Ionic 2

Simple RSS Reader with Ionic 2
Simple RSS Reader with Ionic 2

Parsing RSS data is not a simple task given that most feeds are based on XML. Within this post we will build a simple RSS reader with Ionic 2 using the Yahoo API to transform our feeds into more readable JSON.

Article Video Tutorial

3. angular2-rss-reader-tutorial

angular2-rss-reader-tutorial

Project intended to explain how to create a simple Angular 2 application. This project was generated with angular-cli version 1.0.0-beta.11-webpack.9-4.

Tutorial

4. Angular2 XML Parser

Angular2 XML Parser

Simple XML to JavaScript object converter. It supports bi-directional conversion. Uses sax-js and xmlbuilder-js. Note: If you’re looking for a full DOM parser, you probably want JSDom.

Code

5. Angular 1x Feeds

Angular 1x Feeds
Angular 1x Feeds

Angular Feeds renders Atom, RSS and Media feeds using simple HTML markup (aka Directives). It internally uses Google Feeds for reading & parsing feeds and comes with default template for displaying feed content. You can also configure it to use a different template of your choice.

Site + Demo

Sam Deering

Sam Deering

Sam is a web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and sharing what he learns with others.

Leave a Reply

Your email address will not be published. Required fields are marked *