Optimized Search Filter React Js | Filter, Debounce, Infinite Scrolling (Pagination) | All in one

preview_player
Показать описание
In this video, I demonstrate how to build an optimized search filter that also includes debouncing and infinite scrolling for improved performance. You will learn quite a lot many important production/industry level advanced concepts through this one video.

0:00 - Intro
0:45 - Demo
03:38 - setup
04:35 - handleChange function to handle user input
06:46 - useEffect for api calls and data manipulation
19:47 - using intersection observer for infinite scrolling
31:24 - adding debounce functionality
Рекомендации по теме
Комментарии
Автор

Men your video and content is superb

Thanks a lot

keep it up 👍👍👍👍✨✨✨✨

AdityaParmar-drgu
Автор

your contents are fantastic. soon you will reach genuine subscribers from JS community. please consider dropping React interview questions on projects related like this video

kovendanragupathi
Автор

Hi, thanks for the video. I like that you are covering these kind of advanced topics. I am curious as to why you are extracting only the title in the getSearchItems function instead of the entire object and then selecting specific property when in the jsx map function. In a real project, it is possible that you will need to use more than just the title, no?

dragonborn
Автор

Please make video on intersection observer in depth if possible.

vishalvarma
Автор

hi, how to make a small part of the text shown initially and at the same time there was an Infinite Scroll ?

Mike
Автор

please do videos on machine coding rounds for product based companies

tarundurbha
Автор

Please make a video on Intersection Observer.

adwaithks
Автор

Is it still necessary to import 'React' now?

ripplesr