Radio Player App in React | React Tutorial
Tutorial on how to build your own radio player app in React. We are going to use an API to get radio station data based on language and music genre and display it in our app. We are going to pack everything into a responsive design and make the radio stations searchable by using custom music type tags.
See the full project in action on CodeSandBox: https://codesandbox.io/s/radio-in-rea...
Find code from this video in my Github repo: https://github.com/alekspopovic/radio
Find text version of this tutorial on my website: https://aleksandarpopovic.com/Radio-P...
Music in the video is from StreamBeats collection by Harris Heller.
Blog: https://aleksandarpopovic.com/blog/
Github: https://github.com/alekspopovic/
Twitter: / alekswritescode
Instagram: / aleks.popovic
Chapters:
0:00 Intro
1:02 Plugins and initial setup
2:37 Radio component
3:43 Station filters
6:57 Getting radio stations data
10:10 Rendering stations
11:43 Setting up logo image fallback
13:30 Adding audio player
16:19 Setting up CSS
18:38 Fixing filters
21:35 Grid layout
26:51 Styling the audio player
29:59 Adjusting mobile layout
31:40 Possible improvements and outro
On this page of the site you can watch the video online Radio Player App in React | React Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Aleks Popovic 01 January 1970, share the link with friends and acquaintances, this video has already been watched 9,636 times on youtube and it was liked by 169 viewers. Enjoy your viewing!
