Javascript Interview Questions ( Debouncing and Throttling ) - Implementation, Examples etc

[@RoadsideCoder]

🔴 Get my Complete Frontend Interview Prep course - roadsidecoder.com/course-details

[@Foodish_fun]

Are u a God??

[@RoadsideCoder]

Yes Odin

[@kishansingh2325]

I only saw the throttle function implementation and it seems incorrect to me. Because just think about it if we make two calls within the delay time, the first call will be invoked immediately and second function will be invoked after the delay.

[@BharatiSubramanian99217]

In most of the videos, they don't explain the reason for adding a particular line of code in custom debounce/ throttle. Thank you for a detailed explanation. Really helps. Cheers!

[@rishiraj2548]

I started my day n iPad thinking of watching RoadSide Coder vids, and got to see this video in first place.❤🎉

[@RoadsideCoder]

Haha, Awesome ❤️

[@akarsh1996]

Have been following your videos since last year. Helped me to switch last time. Here again for the next 😁

[@RoadsideCoder]

So good to hear this 💖

[@rakeshkharvi4145]

You are simply a gem. Thanks for the great explanation. Keep doing such good things

[@satish540]

Awesome, great explanation and simple implementation in vanilla js.

[@deepaksarkar5783]

Much needed info , thanks roadsidecoder 😊

[@rakaa31]

Real life examples are best! you should teach it like this! it is best

[@shimontinimajumder4357]

Very informative... Can you please make a video on prototype and protypical inheritance? Thanks in advance!

[@designwithrehana]

perfect video 🤩🤩👌

[@RoadsideCoder]

Thanks 😄

[@vaibhav55592]

thanks for making this video , your series is awesome...

[@Yash-ry5wj]

Thanks Bhai ❤️, b'cz of you I could understand debouncing.

[@mrahamed5985]

As always awesome.Thank you.

[@ayushnigam9424]

Very helpful. Thank you so much!!

[@DevAditya]

WORTH WATCHING

[@aakashraturi6682]

Road side coder>>>>> Namaste Javascript

[@purusharma8192]

both are best🙌🙌

[@jaffarsharieff8528]

Wonderful explaination.

[@jhaganb9215]

Hi bro, love your content and the vibe of the video so wanna ask you a question that is is there a internship which is only for frontend developer and how can i apply for it. Looking for you reply

[@dev_ression]

Great video bro, keep up the good work

[@DawnByte.gaming]

Very welcoming. Thank you.

[@biswajitjena3540]

Best 🔥 content

[@subhamdey3963]

9:27 in the debounce function why post increment doest work I mean triggeredcount++

[@soumyadipghosh6563]

Brooooo! You're just awesome

[@Krishnas187]

Thanks.

[@biswajitjena3540]

Please make more videos related to frontend

[@kartikkaushik4743]

Awesome bro

[@ronn004]

loving it

[@AsthaJain-k4w]

Amazinggg

[@jaykrishnanandagiri3436]

I have a question For throttle Pollyfill implementation we can use setInterval?

[@fatimanisar3819]

you are just amazing:)

[@sudiptasaha8905]

hi Piyush, any plans for a series on Front End System Design for interview preparation?

[@RoadsideCoder]

Soooon!

[@VishalSharma-rn7mt]

awesome

[@techworld3043]

please more videos on javascript interviews

[@RoadsideCoder]

On the way

[@gundasimalu4340]

👍

[@purusharma8192]

Champ is back

[@karthikeyasoft]

Throttle Polyfill , we can use the setinterval also i am right?

[@kvdsmr]

Does this polyfills work for any examples,??

[@abhishekvishwakarma9045]

Nice video, I guess at the end of video there is glitch happens looks like throttling 😆

[@PradeepKumar-jp8py]

Problem Statement: Weekday date range picker component Create a date range picker component in React and TypeScript that allows users to select weekdays (Monday through Friday) and prevents them from selecting weekends (Saturday and Sunday). The component should include the following features: ● The component should allow users to select a date range defined by a start date and an end date. Remember that a start date and an end date must be a weekday and should not be a weekend. ● The selected date range should highlight only weekdays and weekends should not be highlighted. ● The user should be able to change the year displayed in the date picker. ● The user should be able to change the month displayed in the date picker. ● The component should include a change handler that returns the selected date range and any weekend dates within that range. As an example, if the range selected is December 1st, 2022, to December 15th, 2022, the returned values should be an array containing the date range as the first element (e.g. [2022-12-01, 2022-12-15]) and an array of weekend dates within that range as the second element (e.g. [2022-12-03, 2022-12-04, 2022-12-10, 2022-12-11]). ● The component should include a prop that allows the user to input predefined ranges, such as the last 7 days or last 30 days. These predefined ranges should be displayed below the calendars. Please refer to the date range picker linked below as an example: rsuitejs.com/components/date-range-picker/#predefined-date-ranges The use of date picker libraries (e.g. react-datepicker) or date libraries (e.g. date-fns, Moment.js, Day.js) is strictly prohibited. sir please a tutorial for this problem

[@PankajKumar-tu9nv]

Sir please upload a Playlist on Nodejs interview questions

[@saitama1752]

No blog present for this video

[@rishiraj2548]

🙏👍

[@random2059]

🙏🙏🙏🙏 please reply so every time we go inside mydebounce Let Timer does get reinitialize or holds the previous value ??? Or, js initialize timer only one time (1st time) after that how many time we write let timer it doesnot care . let timer ; this concept is important i would write let timer on higher scope Please clear this concept

[@HimanshuGargMusic]

Can't we use setInterval for creating own throttle time implementation??

[@fredianriko5648]

if you use setInvterval, it will keep adding on constant time no matter if you click the button or not.

[@rajathgatty]

​@@fredianriko5648​ we can manually clear the Interval right after specific seconds?

[@fredianriko5648]

@@rajathgatty sure, you can use clearInterval() after certain condition you declare

[@Ashish-_-]

Hey Piyush bro, I found a small issue with the throttle polyfill. Once I stop clicking the button, at the end we need to make a call to the cb function.

[@Ashish-_-]

Here's the modified code. lmk if this is right function throttle(fn, delay) { let prevTime = 0; let waitingArgs = null; return function(...args) { waitingArgs = args; const currTime = new Date().getTime(); if (currTime - prevTime >=delay ) { fn(...args); waitingArgs=null; prevTime = currTime; } else { setTimeout(() => { waitingArgs !== null && fn(...waitingArgs); waitingArgs = null; }, delay) } } }

[@priyasharma8315]

Throttle with boolean variable const myThrottle = (cb , delay) =>{ let shouldWait = false return function (...args){ // already execution is started if (shouldWait) return cb(...args) shouldWait = true setTimeout(() => { shouldWait = false } , delay) } }

[@siddharthakashyap6340]

This code needs slight improvement, check web dev simplified 's video on throttling

[@rishiraj2548]

Good day

[@ahmedaz6917]

someone ask me but don't know A web developer is creating code using the JavaScript promise method. Consider the following JavaScript promise function syntax: function makeAPromise (resolve, reject) { resolve(1); setTimeout(resolve, 2000, 2); } let promise = new Promise(makeAPromise); promise.then(alert); What happens to resolve in the second call? The output is 2. The call is ignored. The function will be called in 2 seconds. The call is promised to run.

[@mitrasu5918]

7:35 that's fucking fine indeed :D

[@krishnaagarwal7934]

that fucking fine 😭😭

[@universalgadgets353]

It's a bit completed 😅😅

[@premsingh6967]

[@lifeisbeautifu1]

Thank you