Radio Player App in React | React Tutorial

Publicado el: 01 enero 1970
en el canal de: 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


En esta página del sitio puede ver el video en línea Radio Player App in React | React Tutorial de Duración hora minuto segunda en buena calidad , que subió el usuario Aleks Popovic 01 enero 1970, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 9,568 veces y le gustó 169 a los espectadores. Disfruta viendo!