Radio Player App in React | React Tutorial

Veröffentlicht am: 01 Januar 1970
auf dem Kanal: Aleks Popovic

9,568

169

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

Auf dieser Seite können Sie das Online-Video Radio Player App in React | React Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Aleks Popovic 01 Januar 1970 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 9,568 Mal angesehen und es wurde von 169 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!