Capture product visible in viewport - Part 2 using custom React hook

JavaScript Interview Question - 32 | In this video, we will see how to solve a medium-difficulty problem asked in frontend engineer interview to SDE1 and SDE2.

We have to detect all the items in the viewport that the user has been focusing on while they stop scrolling or navigating the website for a certain about of time.

We are going to implement this in React and that too using a custom hook that will use Intersection Observer.

Loved the question?, I have 120+ such solved problems in my ebook "JavaScript Interview Guide". If you are preparing for Interviews and looking for a solutions book, Get my Ebook.

Social links

[akash-kumar]

Hi Prashant, I have already solved it using Intersection observer in previous solutions.

[munishthakur]

Hey Prashanth, what would be the performance implications of attaching an intersection observer to every box; earlier we had a single scroll listener, which was fired multiple times on scroll, is this approach better?

[amansingh-ljtg]

great video! can you do drag and drop in react like in kanban board in some future videos. I have implanted it using react-dnd, but don't understand it completely.

[VenkatGupta]

Awesome, Thanks for explaining this. ☺️

[wannabeboddhisattva]

Hello sir
This year i will be taking admission in Delhi University in bsc hons computer science
I wanted to ask if i have good skills and projects, open source contribution and interview skills can i land at a good company right out of college

Or will have have to face discrimination and hustle more
Also wanted to ask do people from bsc background face difficulty in promotions and moving to senior positions like engineering manager inside an organisation

Please reply this question if you have time sir, i am from weak economic background and not so good at academics, so should i do bsc or just go with btech

[preetamkumar]

sir can someone become a senior frontend engineer right out of college ??

[urveshgodhani-ztve]

video frequency is very low as number of video per month