Code a Podcast Player App in React with AG Grid - How to Build Application Tutorial Part 1

In this tutorial we will build a Podcast Player App, using React and AG Grid community edition. Learn to code a functioning podcast application with this coding example. The podcast player will fetch a feed URL and parse the XML RSS feed, load the episode data in the grid and use an embedded audio player to play the episode.

This tutorial was written using Version 26 of AG Grid. If you want to follow along with the tutorial video then install AG Grid as

The blog post below has a section explaining the changes I made to the cellRenderer code to use the cellRenderer changes in version 27 of AG Grid. (I returned JSX instead of an HTML string)

Blog post describing this tutorial here:

Code for this tutorial is available on Github:

In the podcast-player folder.

AG Grid works with React, Angular, Vue, and JavaScript. Available as a free community edition and commercially as an Enterprise product (full support and more features).

[agGrid]

- available as a free community edition and commercially as an Enterprise product (full support and more features).
- works with React, Angular, Vue, and JavaScript.

[Anguish_]

Hello, currently watching and coding along with this tutorial and I'm running into an issue right after finishing the XML section of the video. My react compiles with problems saying rssfeed is not defined. Been at this for a couple hours now and I just can't seem to figure out why it's not taking it from App.js

[damiandanev]

Can we pass react component for cell renderer? Same question for Column Header.