React JS Interview Questions ( Multi Select Search ) - Frontend Machine Coding Interview Experience

[@RoadsideCoder]

🔴 Get my Complete Frontend Interview Prep course - roadsidecoder.com/course-details 🟪 Follow me on Instagram for Homework Solution - instagram.com/roadsidecoder/ ➡ Book an Interview Preparation call with me ( 20% OFF for limited time ) - topmate.io/roadsidecoder

[@arunyadav7467]

more of this type of videos plz

[@anupkumarjana9002]

When you said, we will use a set, it made me Subscribe to your channel man! Like a lot of tutorials out there but they missed these small things! Kudos to how you're explaining the thing in simple way!!

[@IllIIIIIIllll]

I think you are the rare youtuber who teaches react's very important concepts 🙌.

[@thisisarkajitroy]

Zepto asked this same question for their frontend SDE-1 role.

[@AnuMessi10]

I aced that with all the edge cases and added keyboard navigation as well

[@mujtabakhan4521]

@@AnuMessi10please share your github account

[@abhishekseth7187]

@@AnuMessi10 did you got any reply from them?

[@trivedi2690]

@@AnuMessi10 can we use tailwindcss in interview ?

[@thevasupodcast4561]

Bhai submit krne ke baad. Kuch reply hi ni aaya h? Kisiko aaya?

[@abhisheknavgan6829]

damn bro that's a great explaination, for the last homework we can create a useEffeect hook along with setTimeout to 4-5 milliseconds and only when the user stopes typing for more than that timeout well make the API call, and we also have to remove that setTimeout using cleanup function.

[@yashsolanki069]

For the condition where we do not need already selected option to be displayed, i guess it's better to ask the interviewer if that's the edge case we need to consider. The version i tried to built had the user in list but selecting the same one would not make the user added as pills twice and to do so i used another filter with item! == user.email Just before using spreadOperator for setting pilla in array. Thanks for the video! Great content as always ❤

[@RoadsideCoder]

Great point!

[@SimPwear84]

Beautifully explained. You're the GOAT

[@RoadsideCoder]

💖💖

[@jatinranpariya1510]

Learned something new... Thank you for the amazing videos.

[@Srijan_Soni]

Thank you so much for providing such a quality content for free ❤

[@harshithsshetty007]

Great great great Video and I got lot of learning from this one video

[@RoadsideCoder]

Glad to hear it!

[@Eyuelfrew]

Wow, you thought me a lot of staffs and thank you , this is all i can say

[@devendrapandey4059]

Thanks bro, learned some senior engineer stuff❤.

[@rafishaik503]

Learned a new thing. Thanks bhai ❤. Also can you explain debouncing for this input search as there are fetch calls for every user input. That's actually is the best thing

[@RoadsideCoder]

I have discussed how to implement that in video from 28:03

[@rafishaik503]

@@RoadsideCoder Yes, thank you ❤

[@nitinmalav7036]

.............

[@nitinmalav7036]

@@rafishaik503 yyyyyyyyyyyyyy

[@nitinmalav7036]

test

[@shubhamtarade]

This is gem of a content, man 🫡

[@chaitanyasawant776]

Can anyone tell me how input shifted when pills got added. Can you tell me the css for it

[@RavindraSingh-lp9pl]

very useful content...we need more such videos.

[@pranav6032]

awesome stuff bro thankyou👍

[@rathinaboopathi9103]

Can you make video on making an admin panel? Whether it can be accomplished in single route with states or needs to have multiple routes for each tab? This could be a good video

[@dailyWalker1]

Thanks for the awesome video. Can you please make a video on jwt in mern stack with access and refresh token ?

[@jahangirkhan3747]

Great tutorial brother ❤️👍

[@trivedi2690]

can we use taliwndcss also in machine coding round , native css is some what hard to write

[@suyashsrivastava3671]

Great Video, Try to some react native content also if possible.

[@RoadsideCoder]

Will do soon

[@rayyanabdulwajid7681]

What if they ask to do this in vanilla javascript? Also, if we can do this in vanilla js, can we transfer that knowledge to create the same in Vue js or angular?

[@allmighty2000]

This channel is super addictive

[@RoadsideCoder]

😎❣️

[@aqibmalik6313]

keep it coming 😍😍😍😋😋😋

[@arunyadav7467]

more of this type of videos

[@usmanmarkaz]

how we rollback API response if it not hit or in case of bad status

[@shivammishra7239]

How can you think of these things, I can't think these on my own

[@BrijeshSingh-dp1ku]

What if we use splice instead of filter for removing ?

[@IllIIIIIIllll]

Splice will effect the original array.

[@Radiant--Reels]

How to use react date picker in typescript. Im getting an error startofweek cannot be imported

[@nikhilsoni1443]

import React, { useState } from "react"; import DatePicker from "react-datepicker"; import "react-datepicker/dist/react-datepicker.css"; import { startOfWeek } from "date-fns"; const App: React.FC = () => { const [startDate, setStartDate] = useState(new Date()); const handleChange = (date: Date | null) => { setStartDate(date); }; return ( Date Picker Example ); }; export default App;

[@rittiksharma17]

Zepto asked this question for frontend developer role. Did anyone got reply from them??

[@dyashwanth9822]

Thanks bhai

[@nimmanasss]

Zepto asked question it is.

[@RoadsideCoder]

Yess

[@pankajroyals1816]

Bhiaya please upload the video for deployment of the NoteZipper project.

[@RoadsideCoder]

kzbin.info/www/bejne/l4LCY3eDjbiBrbs

[@shahzaib715]

bhai samjh achy sy ajati hay kar b lety hain but during interview ni samjh ati kya krna kesy krna so please uska btyen kesy overcome kren...

[@AvikNayak_]

i think uska solution yehi hai ki 3-4 bar practice kar le kudse ye banane ki

[@deep90402]

Please make video on infinite scrolling

[@saifuislam7515]

great video

[@RoadsideCoder]

Thanks!

[@madhubabumalli6034]

@RoadsideCoder try build the calendar from scratch

[@RoadsideCoder]

Thanks for the idea!

[@samarscript5824]

I came here suspecting that this video would be a multi-step form but it is not. Along with this, let me also tell you that this video is also most important but I strongly request you to create a separate video on Multi-Step Forms using ReactJS with Responsive UI from scratch without using any third-party libraries. Thank you

[@RoadsideCoder]

Thanks man, Will do!

[@technicalabhi7683]

Nice video

[@memesforyou9167]

Yeh cheez toh simple react-select use krke bhi kr sakte h hum

[@RoadsideCoder]

Interviews me allowed nhi

[@NoobSoftwareEngineer]

10000 lol

[@learningjoe1823]

Can you improve my cv ? Should I message you on WhatsApp?

[@RoadsideCoder]

You can book a call with me - topmate.io/roadsidecoder/