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

Поділитися
Вставка
  • Опубліковано 14 жов 2024

КОМЕНТАРІ • 45

  • @RoadsideCoder
    @RoadsideCoder  4 місяці тому +2

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

  • @Isagi__000
    @Isagi__000 4 місяці тому +4

    He really knows his stuff. Keep going bro.

  • @saiphaneeshk.h.5482
    @saiphaneeshk.h.5482 4 місяці тому +7

    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.

  • @hamzahahmad1670
    @hamzahahmad1670 2 місяці тому +2

    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
    @manojb1606 4 місяці тому +3

    Always comes with great content

  • @dhruvverma1001
    @dhruvverma1001 4 місяці тому +6

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

    • @VudrokWolf
      @VudrokWolf 3 дні тому

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

  • @amirmansoor89
    @amirmansoor89 4 місяці тому +1

    This guy is a genius ❤

  • @Aviralsingh-yw7xx
    @Aviralsingh-yw7xx 4 місяці тому +2

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

  • @ajiteshmishra0005
    @ajiteshmishra0005 3 місяці тому

    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.

  • @pravinprince3221
    @pravinprince3221 25 днів тому

    Thank you for the wonderful video. bro

  • @kishorsharmashutihar9176
    @kishorsharmashutihar9176 2 місяці тому +1

    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

  • @clownop2201
    @clownop2201 4 місяці тому +1

    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
      @RoadsideCoder  4 місяці тому +2

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

    • @_jatin_Vaishnav329
      @_jatin_Vaishnav329 4 місяці тому

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

    • @clownop2201
      @clownop2201 4 місяці тому

      @@_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
      @mjtech4243 4 місяці тому

      ​@@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??

  • @AbhishekVerma-cz6uq
    @AbhishekVerma-cz6uq 4 місяці тому

    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
      @RoadsideCoder  4 місяці тому

      Watch full video till the end u will know all this

    • @Abhishekkumar-nv4bz
      @Abhishekkumar-nv4bz 3 місяці тому +1

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

  • @manikandanmk2959
    @manikandanmk2959 4 місяці тому

    Really explained simply tq lot

  • @swarnakumarkoppala7817
    @swarnakumarkoppala7817 4 місяці тому

    I'm big fan of your explanation

  • @Srishtikhobragade
    @Srishtikhobragade 4 місяці тому

    could you please give example of LLD in board as well

    • @RoadsideCoder
      @RoadsideCoder  4 місяці тому +1

      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
      }

  • @devascript
    @devascript 3 місяці тому

    Love you mere sher❤

  • @ChitranshAnkitSaxena
    @ChitranshAnkitSaxena 4 місяці тому

    Awesome bhai👍

  • @ramalyusifov8317
    @ramalyusifov8317 4 місяці тому

    how can we watch the rest of the video?

    • @RoadsideCoder
      @RoadsideCoder  4 місяці тому

      Here - roadsidecoder.com/course-details

  • @kasivishva3183
    @kasivishva3183 2 місяці тому

    Bro I saw Your interview qstns.Is this Interview qstns Expected in Fresher's Interview

  • @Abishnoi69
    @Abishnoi69 4 місяці тому

    New sub. from this video 🎉

  • @seeratrehman62
    @seeratrehman62 4 місяці тому

    great stuff

  • @manuarora
    @manuarora 4 місяці тому +9

    bhai interview clear karwake hi maanoge

    • @RoadsideCoder
      @RoadsideCoder  4 місяці тому +2

      yus 😎

    • @aniketroy03
      @aniketroy03 4 місяці тому

      ​@@RoadsideCoder haan sir jeetne bhi machine coding ke questions hain sare cover kar dijiye ek acha switch ke liye prepare kar raha hun 🙏

  • @Dev-Phantom
    @Dev-Phantom 3 місяці тому +1

    cool

  • @arunkaiser
    @arunkaiser 4 місяці тому

    ❤❤❤❤❤

  • @RahulKumar-no9gh
    @RahulKumar-no9gh 4 місяці тому

    👍👍