React Interview Questions | Beginner to Advanced

Поделиться
HTML-код
  • Опубликовано: 12 июн 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
  • НаукаНаука

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

  • @PedroTechnologies
    @PedroTechnologies  Месяц назад +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 Месяц назад +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 Месяц назад +7

    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 Месяц назад +1

    Thx for sharing this knowledge with us Pedro!

  • @xisidorix
    @xisidorix Месяц назад

    Great video for interview confidence. I owe you!

  • @fabricator.cap.hill.seattle
    @fabricator.cap.hill.seattle 4 дня назад

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

  • @GigaSquidward.
    @GigaSquidward. Месяц назад

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

  • @calvinputera2504
    @calvinputera2504 Месяц назад +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 👋

  • @rin0422
    @rin0422 Месяц назад

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

  • @samialvi4226
    @samialvi4226 16 часов назад

    Please make a series on it!!!!

  • @naveenbasyal001
    @naveenbasyal001 6 дней назад +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 .

  • @regilearn2138
    @regilearn2138 Месяц назад

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

  • @ugogalliano1176
    @ugogalliano1176 Месяц назад +3

    Where is the github repo ?

  • @williamrinaldi1808
    @williamrinaldi1808 14 дней назад

    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.

  • @MathsWithSatyamPandey
    @MathsWithSatyamPandey Месяц назад +1

    Congratulations🎉 200k

  • @godofwar8262
    @godofwar8262 Месяц назад +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 Месяц назад +1

      With typescript it would be better

    • @godofwar8262
      @godofwar8262 Месяц назад +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 14 дней назад

      Just learn by yourself

  • @mkum2141
    @mkum2141 Месяц назад +2

    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 Месяц назад

      Yeah i thought the same lol

    • @PranshuSahu-pl7gx
      @PranshuSahu-pl7gx Месяц назад

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

    • @mkum2141
      @mkum2141 Месяц назад +1

      @@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.

  • @user-wj1ly4fw2k
    @user-wj1ly4fw2k Месяц назад

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

  • @wanjeeric4885
    @wanjeeric4885 Месяц назад

    this is cool bro

  • @soumyajitmandal3503
    @soumyajitmandal3503 Месяц назад

    Please make a microservice project using Mern

  • @Shoxie34
    @Shoxie34 Месяц назад

    Nice video, how old are you Pedro?

  • @ihebbenaicha1353
    @ihebbenaicha1353 Месяц назад +1

    where is the github repo bro ?

  • @Misica11000
    @Misica11000 28 дней назад +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 Месяц назад +1

    Congress 200k

  • @Bruno_Corso
    @Bruno_Corso Месяц назад +1

    Are you brazilian? Ótimo conteduo