Typeahead searchBox in ReactJs | Frontend Machine Coding Question | React Interview Questions

[@eeshamkohli2367]

bhai itni badhia video banai k k mai netflix ko chorh k tujhe binge watch kar raha hu :D

[@sumanthprabhu11]

Thank you for making these videos. This really helps, and what stands out is your code is very professional and all other videos on KZbin looks like rookie level compared to yours.

[@lokeshkhati8413]

Thanks brother ❤, for creating such great content.

[@anandbaraik5010]

Thanks man, i appreciate your commitment to provide a better content 👏

[@nallaparajuamareshvarma8471]

Great video Vedant, have been waiting for this from long time

[@ayushkushwaha171]

Nice video, we could've added a "loading..." state as well to show up when there is no data and an API call is pending, like below: {data && data.length > 0 && listbox(data, activeIndex)} ---> {isLoading && Loading...} ---> {query && !isLoading && data && data.length === 0 && noResultMessage()} {error && errorMessage()}

[@gautammsuthar]

Thanks for the effort boss💙💙🙌🙌

[@nallaparajuamareshvarma8471]

Next video on Carousel please

[@kumarrishabh3587]

damn! why did i not discover your channel earlier

[@jagdishjena9058]

Bhai espe video banana please Build a search bar with denouncing and throttling

[@prateekthakur3465]

Since it is an interview, why not write the debouce function yourself ?

[@sumanthprabhu11]

Hi I've not used the lodash debounce but I debounced it using setTimeout in the useEffect Is this fine? useEffect(() => { if (!query) { setData(null); setError(null); return; } const controller = new AbortController(); const signal = controller.signal; const debounce = setTimeout(() => { fetchData(query, transformData, signal); }, debounceWait); return () => { clearTimeout(debounce); controller.abort(); }; }, [query, transformData, fetchData, debounceWait]); return [data, setData, error]; };

[@js_cafe]

Hey, nope this won't be correct, If you are using debounce of your own then you have to write a polyfill for it. You can join us on discord and It is difficult for me to reply in comments discord.com/invite/YTZkV7By22

[@salauddin3693]

i did not understand where did write Abortcontroller code?

[@anchalraj3285]

where is the github link of this project bro?

[@akashpatil9043]

Is this machine coding round ask in every company? Bhai

[@santoshmore2953]

How much time do company provide us to solve this problem in real interview?

[@vatansrivastava7279]

Hey where can i find these questions for interview preperation ?

[@js_cafe]

jscafe.dev/

[@roopchandjangir6862]

bhai sab ko searchbox component me as a prop kyu pas karte he, direct search box me hi use kyu nhi karte

[@js_cafe]

To make search box customisable

[@roopchandjangir6862]

So basically we need to pas props from parent as standard technique

[@js_cafe]

There are other ways also, like composition