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

Рет қаралды 35,911

Күн бұрын

Пікірлер: 71

@RoadsideCoder 10 ай бұрын

🔴 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 10 ай бұрын

more of this type of videos plz

@thisisarkajitroy 10 ай бұрын

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

@AnuMessi10 10 ай бұрын

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

@mujtabakhan4521 10 ай бұрын

@@AnuMessi10please share your github account

@abhishekseth7187 10 ай бұрын

@@AnuMessi10 did you got any reply from them?

@trivedi2690 10 ай бұрын

@@AnuMessi10 can we use tailwindcss in interview ?

@thevasupodcast4561 10 ай бұрын

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

@IllIIIIIIllll 10 ай бұрын

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

@anupkumarjana9002 9 ай бұрын

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!!

@abhisheknavgan6829 7 ай бұрын

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 10 ай бұрын

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 10 ай бұрын

Great point!

@allmighty2000 21 күн бұрын

This channel is super addictive

@RoadsideCoder 21 күн бұрын

😎❣️

@SimPwear84 10 ай бұрын

Beautifully explained. You're the GOAT

@RoadsideCoder 10 ай бұрын

💖💖

@devendrapandey4059 10 ай бұрын

Thanks bro, learned some senior engineer stuff❤.

@rathinaboopathi9103 10 ай бұрын

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

@Eyuelfrew 10 ай бұрын

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

@jatinranpariya1510 10 ай бұрын

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

@Srijan_Soni 10 ай бұрын

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

@shubhamtarade 10 ай бұрын

This is gem of a content, man 🫡

@rafishaik503 10 ай бұрын

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 10 ай бұрын

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

@rafishaik503 10 ай бұрын

@@RoadsideCoder Yes, thank you ❤

@nitinmalav7036 3 ай бұрын

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

@nitinmalav7036 3 ай бұрын

@@rafishaik503 yyyyyyyyyyyyyy

@nitinmalav7036 3 ай бұрын

test

@RavindraSingh-lp9pl 10 ай бұрын

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

@skyMedia011 10 ай бұрын

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

@chaitanyasawant776 10 ай бұрын

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

@liftwithamey 10 ай бұрын

it's because we have rendered the pills before input and if you remove the outline propery on focus on input, you will know how long our input field actually is

@arunyadav7467 10 ай бұрын

more of this type of videos

@pankajroyals1816 10 ай бұрын

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

@RoadsideCoder 10 ай бұрын

kzbin.info/www/bejne/l4LCY3eDjbiBrbs

@suyashsrivastava3671 10 ай бұрын

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

@RoadsideCoder 10 ай бұрын

Will do soon

@nimmanasss 10 ай бұрын

Zepto asked question it is.

@RoadsideCoder 10 ай бұрын

Yess

@rayyanabdulwajid7681 10 ай бұрын

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?

@madhubabumalli6034 10 ай бұрын

@RoadsideCoder try build the calendar from scratch

@RoadsideCoder 10 ай бұрын

Thanks for the idea!

@pranav6032 9 ай бұрын

awesome stuff bro thankyou👍

@deep90402 10 ай бұрын

Please make video on infinite scrolling

@trivedi2690 10 ай бұрын

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

@usmanmarkaz 10 ай бұрын

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

@memesforyou9167 9 ай бұрын

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

@RoadsideCoder 9 ай бұрын

Interviews me allowed nhi

@rittiksharma17 10 ай бұрын

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

@jahangirkhan3747 10 ай бұрын

Great tutorial brother ❤️👍

@BrijeshSingh-dp1ku 10 ай бұрын

What if we use splice instead of filter for removing ?

@IllIIIIIIllll 10 ай бұрын

Splice will effect the original array.

@Radiant--Reels 9 ай бұрын

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

@nikhilsoni1443 5 ай бұрын

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;

@samarscript5824 10 ай бұрын

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 10 ай бұрын

Thanks man, Will do!