Auto suggestion in React | Machine coding question | JavaScript Interview Question - 44

preview_player
Показать описание
JavaScript Interview Question - 44 | In this video, we will see how to solve a medium-difficulty problem asked in frontend engineer interview to SDE1, SDE2, and SDE3.

This is a machine-coding round question that I have solved in Reactjs, in which we have been asked to create a search with auto-suggestion with the given mock API.

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
  1. Learnersbucket
Рекомендации по теме
React Search Bar 0:18:46

React Search Bar | Auto Suggestion With Keyboard Navigation🔥 [YouTube Search]

Frontend System Design 0:34:23

Frontend System Design Questions ( Autosuggestion / Typeahead ) - HLD, LLD, Interview Experience 🔥🔥...

Autocomplete Search Bar 0:54:23

Autocomplete Search Bar (Amazon, Ola) - Frontend Interview Question using React

Search Bar with 0:10:15

Search Bar with suggestions and filter in react for beginners

Autocomplete / Typeahead 0:00:57

Autocomplete / Typeahead System Design in React JS 🔥🔥 #reactjs #javascript #reactjstutorial

Auto-Complete Search Fields 0:22:26

Auto-Complete Search Fields with React, Node and Framework7 tutorial

Customize React AutoComplete 0:04:47

Customize React AutoComplete Using Templates

Build React input 0:18:29

Build React input auto suggestion

(Auto-sub) Weak Hero 1:31:45

(Auto-sub) Weak Hero Class 2 , EP 7 & 8 | Reaction

Write Code Faster 0:03:21

Write Code Faster in React by Enabling Emmet for JSX in VS Code

Auto suggestion in 0:18:57

Auto suggestion in React | Machine coding question | JavaScript Interview Question - 44

React Material UI 0:09:23

React Material UI Tutorial - 13 - Autocomplete

Build an autocomplete 0:09:06

Build an autocomplete text box using JavaScript & React

How to use 0:24:26

How to use React Autosuggest to build Combo Boxes with Auto Complete

Creating a Search 0:17:00

Creating a Search Auto-Complete Component in React JS with Tailwind CSS

VS Code — 0:01:07

VS Code — Inline Quick Suggestions

Getting Started with 0:05:49

Getting Started with the React AutoComplete Component

Codeium AI: VScode 0:00:31

Codeium AI: VScode Auto Suggestion Extension That Will Save Your Time

React Mentions - 0:12:49

React Mentions - Building React Autocomplete Input for Comments

Build a React.js 0:12:31

Build a React.js Google Maps Autocomplete & Geocoding API to Display Address Details, Photos Dat...

Address Autocomplete | 0:12:31

Address Autocomplete | google maps api reactjs

React Auto Suggestions 0:08:51

React Auto Suggestions from API Tutorial

Autosuggestion using react 0:00:35

Autosuggestion using react #coding #developer #development #html5 #javascript #html #jquery #github

Handle Hidden Drop 0:07:55

Handle Hidden Drop Down Values / Auto Suggestions using DOM Trick | EventListener

Комментарии
Автор

Thanks for the video. One suggestion: you could have used event-delegation concept instead of attaching onClick listener to each of the items in the bottom box.
Also, implement debounce for optimising the performance.

coolme
Автор

Bro during interview we have to solve in vanilla javascript or react?

Shubham-ycnz
Автор

Bhaiya it sector me paisa hai ya phir ctc hai

vickybabu
Автор

you missed the dependency array in UseEffect

rk_modi