hostslasas.blogg.se - Simplecast player

SIMPLECAST PLAYER INSTALL
SIMPLECAST PLAYER CODE

Version 1 - Create a Grid to Render Podcasts These are the basic setup instructions that you can find on the AG Grid React Getting Started Page.

SIMPLECAST PLAYER INSTALL

I'm going to use the community edition of AG Grid and the AG Grid React UI and add those to my projet using npm install npm install -save ag-grid-community ag-grid-react

This creates a bunch of extra files that I won't be using, but I tend not to delete any of these, on the assumption that even if I am prototyping an application, I can go back later and add unit tests. I created the project using Create React App.

Version 7 - Podcast List from a drop down.

Version 5 - Searching and Filtering title and description.

Version 3 - Play The Podcast with a custom cell renderer Audio control.

Version 2 - Fetch, Parse and Render an XML RSS feed in AG Grid.

Version 1 - Create a Grid to Render Podcasts.

To run any of the intermediate versions, cd into the subfolder and run npm install followed by npm start.

SIMPLECAST PLAYER CODE

folder 'v1' is the code for the 'Version 1' section.

The project contains sub-folders for the different stages listed in this post e.g. You do need to have node.js installed as a pre-requisite. The root of the podcast-player folder has the current version of the app, and you can run it with: npm install You can find the source code for this project at: Let's Create a Simple Podcast Listener in React with AG Grid Along the way we will see some of the decision processes involved in designing the app, and learn about Controlled and Uncontrolled Components in React.

Adding Sorting, Filtering, including filtering on data not displayed on the grid.Įach increment allows us to expand on our knowledge of AG Grid and with one or two small code changes we can add a lot of value very quickly to the user.

Add an Audio Control to Play the podcast using a custom cell renderer.

Load and render an RSS Feed in the Grid.

The main GUI for the app will be AG Grid so you can see how simple it is to get a prototype application up and running, leaning on the React Data Grid to do much of the heavy lifting for us. In this post we will iteratively create a simple Podcast listening app using React.