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

Поделиться
HTML-код
  • Опубликовано: 26 ноя 2024

Комментарии • 71

  • @RoadsideCoder
    @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
      @arunyadav7467 10 месяцев назад +1

      more of this type of videos plz

  • @IllIIIIIIllll
    @IllIIIIIIllll 9 месяцев назад +5

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

  • @anupkumarjana9002
    @anupkumarjana9002 9 месяцев назад +4

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

  • @thisisarkajitroy
    @thisisarkajitroy 10 месяцев назад +49

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

    • @AnuMessi10
      @AnuMessi10 10 месяцев назад +3

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

    • @mujtabakhan4521
      @mujtabakhan4521 10 месяцев назад

      @@AnuMessi10please share your github account

    • @abhishekseth7187
      @abhishekseth7187 10 месяцев назад

      @@AnuMessi10 did you got any reply from them?

    • @trivedi2690
      @trivedi2690 10 месяцев назад

      @@AnuMessi10 can we use tailwindcss in interview ?

    • @thevasupodcast4561
      @thevasupodcast4561 10 месяцев назад +1

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

  • @abhisheknavgan6829
    @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
    @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 ❤

  • @devendrapandey4059
    @devendrapandey4059 9 месяцев назад

    Thanks bro, learned some senior engineer stuff❤.

  • @Eyuelfrew
    @Eyuelfrew 9 месяцев назад

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

  • @Srijan_Soni
    @Srijan_Soni 9 месяцев назад

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

  • @shubhamtarade
    @shubhamtarade 10 месяцев назад

    This is gem of a content, man 🫡

  • @SimPwear84
    @SimPwear84 10 месяцев назад

    Beautifully explained. You're the GOAT

  • @jatinranpariya1510
    @jatinranpariya1510 10 месяцев назад +1

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

  • @allmighty2000
    @allmighty2000 18 дней назад

    This channel is super addictive

  • @RavindraSingh-lp9pl
    @RavindraSingh-lp9pl 10 месяцев назад

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

  • @rathinaboopathi9103
    @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

  • @pranav6032
    @pranav6032 9 месяцев назад

    awesome stuff bro thankyou👍

  • @rafishaik503
    @rafishaik503 10 месяцев назад +2

    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

  • @skyMedia011
    @skyMedia011 10 месяцев назад

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

  • @arunyadav7467
    @arunyadav7467 10 месяцев назад +1

    more of this type of videos

  • @jahangirkhan3747
    @jahangirkhan3747 10 месяцев назад

    Great tutorial brother ❤️👍

  • @suyashsrivastava3671
    @suyashsrivastava3671 10 месяцев назад +1

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

  • @nimmanasss
    @nimmanasss 10 месяцев назад +3

    Zepto asked question it is.

  • @rayyanabdulwajid7681
    @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?

  • @aqibmalik6313
    @aqibmalik6313 10 месяцев назад

    keep it coming 😍😍😍😋😋😋

  • @deep90402
    @deep90402 10 месяцев назад

    Please make video on infinite scrolling

  • @chaitanyasawant776
    @chaitanyasawant776 10 месяцев назад +1

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

    • @liftwithamey
      @liftwithamey 9 месяцев назад

      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

  • @samarscript5824
    @samarscript5824 9 месяцев назад

    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

  • @pankajroyals1816
    @pankajroyals1816 10 месяцев назад

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

    • @RoadsideCoder
      @RoadsideCoder  10 месяцев назад

      ruclips.net/video/aQ_2DMXSNwY/видео.html

  • @usmanmarkaz
    @usmanmarkaz 10 месяцев назад

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

  • @rittiksharma17
    @rittiksharma17 9 месяцев назад

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

  • @trivedi2690
    @trivedi2690 10 месяцев назад

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

  • @memesforyou9167
    @memesforyou9167 9 месяцев назад +1

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

  • @dyashwanth9822
    @dyashwanth9822 10 месяцев назад

    Thanks bhai

  • @madhubabumalli6034
    @madhubabumalli6034 10 месяцев назад

    @RoadsideCoder try build the calendar from scratch

  • @technicalabhi7683
    @technicalabhi7683 10 месяцев назад

    Nice video

  • @BrijeshSingh-dp1ku
    @BrijeshSingh-dp1ku 10 месяцев назад

    What if we use splice instead of filter for removing ?

    • @IllIIIIIIllll
      @IllIIIIIIllll 9 месяцев назад

      Splice will effect the original array.

  • @saifuislam7515
    @saifuislam7515 10 месяцев назад

    great video

  • @Radiant--Reels
    @Radiant--Reels 9 месяцев назад

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

    • @nikhilsoni1443
      @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;

  • @shahzaib715
    @shahzaib715 9 месяцев назад

    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_
      @AvikNayak_ 5 месяцев назад

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

  • @NoobSoftwareEngineer
    @NoobSoftwareEngineer 9 месяцев назад

    10000 lol

  • @learningjoe1823
    @learningjoe1823 10 месяцев назад

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

    • @RoadsideCoder
      @RoadsideCoder  10 месяцев назад

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