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

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 && <div>Loading...</div>}
---> {query && !isLoading && data && data.length === 0 && noResultMessage()}
{error && errorMessage()}

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];
};

i did not understand where did write Abortcontroller code?

Thanks brother ❤, for creating such great content.

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

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

Hey where can i find these questions for interview preperation ?

Thanks for the effort boss💙💙🙌🙌

Is this machine coding round ask in every company? Bhai

Next video on Carousel please

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