React Interview Questions | Beginner to Advanced

Sdílet
Vložit
  • čas přidán 28. 06. 2024
  • To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/PedroTech . You’ll also get 20% off an annual premium subscription.
    Hey everyone! 🚀 In today's video, I'm diving into my top 3 favorite React interview questions that I've come across. Whether you're prepping for an interview or just want to test your React knowledge, these questions are great for understanding key concepts and problem-solving in React. We'll explore each question, discuss the best approaches for answering them, and why they’re essential for any React developer. Perfect for beginners and seasoned developers alike, this video is your go-to for nailing those React interviews. Don’t forget to like, subscribe, and hit the bell for more coding tips and tutorials. Let’s get started!
    Join our Discord: / discord
    🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
    🐙 GraphQL Course: codedamn.com/learn/graphql-fo...
    Social
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    Website: machadopedro.com
    Linkedin: / machadop1407
    Instagram: / pedro.fmachado_
    Github: github.com/machadop1407
    Business Email: pedro@pedrotech.co
    🌟 Gear / Hardware I Use and Recommend 🌟
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    💻 amzn.to/42kqFuM 💻 Monitor
    🖱️amzn.to/3C0ZhHb 🖱️ Mouse
    📷 amzn.to/3OHJvbM 📷 My Camera
    🎤 amzn.to/3oxSthj 🎤 My Microphone
    ⌨️ amzn.to/3oFPpj1 ⌨️ My Microphone
    ⚡ amzn.to/3MYMnzM ⚡ LED Lights In the Background
    Tags:
    - ReactJS Tutorial
    - ReactJS and MySQL
    - NodeJS Tutorial
    - API Tutorial
    REACT INTERVIEW TIMESTAMPS
    00:00 | Intro
    01:22 | Brilliant
    03:43 | Question 1: Search Filter
    04:42 | Solution to Question 1
    12:22 | Question 2: useDebounce
    18:40 | Question 3: Phone Number Input
    21:31 | Solution to Question 3
    ..........
    ♬ MUSIC ♬
    Artist: tubebackr
    Track: Chill With Me
    @tubebackr
    hypeddit.com/tubebackr/chillwithme-1
    .............
    #reactjs #coding
  • Věda a technologie

Komentáře • 34

  • @PedroTechnologies
    @PedroTechnologies  Před měsícem +1

    To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/PedroTech . You’ll also get 20% off an annual premium subscription.

    • @godofwar8262
      @godofwar8262 Před měsícem +1

      Bro please start backend series by covering topic like node js for beginners to advanced i had learn front-end from you please start backend

  • @xyves6327
    @xyves6327 Před měsícem +8

    1. First question Use the provided input field, display filtered list of items when typing that match typing 3:45
    2. Second question 12:40
    3. Third question 18:40

  • @deadb1t
    @deadb1t Před měsícem +1

    Thx for sharing this knowledge with us Pedro!

  • @xisidorix
    @xisidorix Před měsícem

    Great video for interview confidence. I owe you!

  • @calvinputera2504
    @calvinputera2504 Před měsícem +1

    thank's for your content about React I learned a lot from your videos.. because of that I was able to get a job as frontend developer now I have been in this career for about 3 years.. you have changed my life..
    keep uploading your videos because many people who have been helped because of this..
    greetings from Indonesia 👋

  • @mkum2141
    @mkum2141 Před měsícem +4

    why do we need to create fruitData state in question 1? Can't we just filter the original fruits array based on the search term state? Eveytime the user types in a new search term the component will rerender and this refilter the data - doesn't seem like we need the additional state for the fruit

    • @setasan
      @setasan Před měsícem +1

      Yeah i thought the same lol

    • @PranshuSahu-pl7gx
      @PranshuSahu-pl7gx Před měsícem

      no we cannot do so. state is necessay as whenever there is change in state , new dom will painted in screen.

    • @mkum2141
      @mkum2141 Před měsícem +2

      @@PranshuSahu-pl7gx yes, but we only need to change the fruit when the searchTerm changes.
      When the serchTerm changes, the component will rerender and the the fruits will be filtered using the new search term.
      If you actually look at the code we aren't doing anything with the fruitData state other than initialising.
      Try implementing this yourself and youll see you only need the search term state and the fruit state. You can directly filter the fruits array on each render using the search term state.

  • @fabricator.cap.hill.seattle

    Great variety! 2 and 3 are on my to do list.

  • @ugogalliano1176
    @ugogalliano1176 Před měsícem +4

    Where is the github repo ?

  • @GigaSquidward.
    @GigaSquidward. Před měsícem

    This video is a very useful for me now. Thanks a lot )

  • @regilearn2138
    @regilearn2138 Před měsícem

    with this search question can you do a video on how to do client side search/filtering and server side search in react.

  • @monoq_
    @monoq_ Před měsícem

    Hello Pedro. Congratulations on 200k subscribers. You deserved it man, I learned a lot of React from you.

  • @naveenbasyal001
    @naveenbasyal001 Před 22 dny +1

    1st and 2nd is pretty nice and easy, which we use on daily basis but the 3rd one is definitely the trickiest one, although we mostly use libraries for this but it's better to understand how things are working, we'll surely gonna forget the logic in future even if we try to do it from scratch .

  • @williamrinaldi1808
    @williamrinaldi1808 Před měsícem

    Why set state for the search term? You can just set filtered fruits state in handle input function and filter using the event target value.

  • @godofwar8262
    @godofwar8262 Před měsícem +5

    Bro please start backend series by covering topic like node js for beginners to advanced i had learn front-end from you please start backend

    • @regilearn2138
      @regilearn2138 Před měsícem +1

      With typescript it would be better

    • @godofwar8262
      @godofwar8262 Před měsícem +1

      @@regilearn2138 yeah it will be cherry on the top also if he make a video on typescript before this Crouse just a crash course would be great

    • @Herxh428
      @Herxh428 Před 29 dny

      Just learn by yourself

  • @MathsWithSatyamPandey
    @MathsWithSatyamPandey Před měsícem +1

    Congratulations🎉 200k

  • @ihebbenaicha1353
    @ihebbenaicha1353 Před měsícem +2

    where is the github repo bro ?

  • @samialvi4226
    @samialvi4226 Před 15 dny

    Please make a series on it!!!!

  • @user-wj1ly4fw2k
    @user-wj1ly4fw2k Před měsícem

    Hi my brother, l have problem about react can you explain how can l make twitter setting page pc and mobile responsivibility?

  • @soumyajitmandal3503
    @soumyajitmandal3503 Před měsícem

    Please make a microservice project using Mern

  • @Shoxie34
    @Shoxie34 Před měsícem

    Nice video, how old are you Pedro?

  • @wanjeeric4885
    @wanjeeric4885 Před měsícem

    this is cool bro

  • @Bruno_Corso
    @Bruno_Corso Před měsícem +1

    Are you brazilian? Ótimo conteduo

  • @Misica11000
    @Misica11000 Před měsícem +1

    Second task is much more complicated with that useeffect shit,why,just why programing couldnt be simplier?...These are examples why people quit programing.....😢😢😢😢

  • @gawolimgexige
    @gawolimgexige Před měsícem +1

    Congress 200k