loading...
Cover image for React Tutorials - YouTube Player Refactoring - 1

React Tutorials - YouTube Player Refactoring - 1

nabendu82 profile image Nabendu Originally published at thewebdev.tech ・1 min read

Youtube-Player-Video (13 Part Series)

1) React Tutorials - Create YouTube Player- 1 2) React Tutorials - Create Youtube Player - 2 3 ... 11 3) React Tutorials - Create Youtube Player - 3 4) React & Flux Tutorials - Create Youtube Player - 1 5) React & Flux Tutorials - Create Youtube Player - 2 6) React & Flux Tutorials - Create Youtube Player - 3 7) React Tutorials - YouTube Player Refactoring - 1 8) React Tutorials - Youtube Player Refactoring - 2 9) React Redux Video | Create Youtube Player -1 10) React Redux Video | Create Youtube Player -2 11) React Redux Video | Create Youtube Player -3 12) React Hooks Video | Create Youtube Player -1 13) React Hooks Video | Create Youtube Player -1

I had recently started my YouTube channel — The Web Dev. I had decided to start putting all my blogs into the YouTube channel.

Many times in UI development we get request from client/user to highlighted item from a list once clicked upon.
It can be a navbar, a list of videos or anything else.
Now we don’t just have to highlight an item, but also to remove highlight from it if, some other item is clicked.
In this part of the series, we modify our YouTube player to show highlight the selected video from the list.

And here is my YouTube video.

alt text

Please do like it and Subscribe to my channel for more videos.

You can also read the complete blog here -

https://thewebdev.tech/refactoring-youtube-player-to-show-selected-video

Youtube-Player-Video (13 Part Series)

1) React Tutorials - Create YouTube Player- 1 2) React Tutorials - Create Youtube Player - 2 3 ... 11 3) React Tutorials - Create Youtube Player - 3 4) React & Flux Tutorials - Create Youtube Player - 1 5) React & Flux Tutorials - Create Youtube Player - 2 6) React & Flux Tutorials - Create Youtube Player - 3 7) React Tutorials - YouTube Player Refactoring - 1 8) React Tutorials - Youtube Player Refactoring - 2 9) React Redux Video | Create Youtube Player -1 10) React Redux Video | Create Youtube Player -2 11) React Redux Video | Create Youtube Player -3 12) React Hooks Video | Create Youtube Player -1 13) React Hooks Video | Create Youtube Player -1

Posted on by:

nabendu82 profile

Nabendu

@nabendu82

Fullstack JS dev, Upcoming Author "Gatsby Cookbook"

Discussion

markdown guide