Frontend System Design Questions ( Autosuggestion / Typeahead )

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

Рет қаралды 32,525

Күн бұрын

Пікірлер: 45

@RoadsideCoder 5 ай бұрын

Roadside to Dream Job - Frontend Interview Prep Course 🔥🔥 roadsidecoder.com/course-details (50% Discount for limited time)

@Isagi__000 5 ай бұрын

He really knows his stuff. Keep going bro.

@saiphaneeshk.h.5482 5 ай бұрын

Sometimes all you got to do is break the problem and solve them one step at a time. It looks simple, but it's not simple. But you can make it simple, which is not simple. If it makes any sense. Thanks for the awesome videos.

@amirmansoor89 5 ай бұрын

This guy is a genius ❤

@Aviralsingh-yw7xx 5 ай бұрын

Sir I cleared many intern level interviews watching your videos. Thanks a Lot

@RoadsideCoder 5 ай бұрын

That's amazing bro!

@tianbo7028 4 ай бұрын

test nested comment

@hamzahahmad1670 4 ай бұрын

I wish you would've mentioned that the caching and keyboard navigations are not going to be part of the video. Those were some of the main topics I watched the video for. I definitely understand wanting to promote your product, but it should be clarified up front that it some of the topics mentioned won't be covered. Great video, regardless.

@manojb1606 5 ай бұрын

Always comes with great content

@RoadsideCoder 5 ай бұрын

💖

@ajiteshmishra0005 5 ай бұрын

Brother, please create one video on Redux and Redux Toolkit in any React Application so that we can lear Redux from scratch........ Also, JWT authentication and authorisation technique in any React Project.

@swarnakumarkoppala7817 5 ай бұрын

I'm big fan of your explanation

@RoadsideCoder 5 ай бұрын

Thank you!

@dhruvverma1001 5 ай бұрын

Writing props this ways is the best practice? I am new to this

@VudrokWolf Ай бұрын

This way is fine, but if you are using typescript you should define interfaces and types

@pravinprince3221 2 ай бұрын

Thank you for the wonderful video. bro

@devascript 4 ай бұрын

Love you mere sher❤

@manikandanmk2959 5 ай бұрын

Really explained simply tq lot

@ChitranshAnkitSaxena 5 ай бұрын

Awesome bhai👍

@kishorsharmashutihar9176 3 ай бұрын

But when/how do you invalidate the cache if there is new data available for the keyword? For example I hace cached the result for “an” and when the the user enters “an” i will show him the result from cache but what if new data for “an” has been added and the cache is stale. How do you recognize this

@priyanujbora1642 Ай бұрын

One solution is you set time after which the cache expires.

@DhruvGupta-ilmv Ай бұрын

Great question!

@clownop2201 5 ай бұрын

Just wanted to thank you for these amazing videos.. I kept learning a lot and now have got a 30lpa package and now I just finished my BCA final exams.. these videos literally help a lot.. btw should I do MCA also or my job? Thought I've accepted it and wanted to do that but most of the people advised me to do masters.. any suggestions

@RoadsideCoder 5 ай бұрын

if u have a 30lpa offer, DO NOT GO FOR MCA. It will waste your 2/3 years.

@_jatin_Vaishnav329 5 ай бұрын

Bro you got 30 lpa from just development knowledge or DSA also required for this package 😅

@clownop2201 5 ай бұрын

@@_jatin_Vaishnav329 development skills only it's a US start up so no DSA, OS, NetworKing, but you have be very very good at development

@mjtech4243 5 ай бұрын

@@clownop2201 Bro can you please tell us , what are the skills that they mainly focused to interview you, was it related front end or backend ,was it react or angular??

@Abishnoi69 5 ай бұрын

New sub. from this video 🎉

@RoadsideCoder 5 ай бұрын

Welcome!!

@seeratrehman62 5 ай бұрын

great stuff

@AbhishekVerma-cz6uq 5 ай бұрын

Where did you use customHook that you created ? Also, i think saving fetched result to cache was missed in the video.. ? BTW, thanks for awesome content

@RoadsideCoder 5 ай бұрын

Watch full video till the end u will know all this

@Abhishekkumar-nv4bz 4 ай бұрын

@@RoadsideCoder i watched till end but couldn't find the hook implementation, can you please check this one.

@Srishtikhobragade 5 ай бұрын

could you please give example of LLD in board as well

@RoadsideCoder 5 ай бұрын

Just use the props I have mentioned in the components, its stright forward. eg - interface AutocompleteProps { staticData?: string[]; // Array of static suggestions fetchSuggestions?: (query: string) => Promise; // Function to fetch suggestions placeholder?: string; // Placeholder text for the input customloading?: string; // Custom loading text onSelect?: (suggestion: string) => void; // Callback for when a suggestion is selected onBlur?: () => void; // Callback for when the input loses focus onFocus?: () => void; // Callback for when the input gains focus onChange?: (value: string) => void; // Callback for when the input value changes customStyles?: CSSProperties; // Custom styles for the input dataKey?: string; // Key to access suggestion data }