React Coding Interview Prep – 30 Questions and Answers



Prepare for a React interview or improve your React skills by learning about 30 common React JS interview questions and concepts.

✏️ Nishant Singh developed this course. Check out his channel: https://www.youtube.com/c/CybernaticoByNishant

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:00:43) Map and Filter
⌨️ (0:20:06) States in React
⌨️ (0:33:33) Props in React
⌨️ (0:40:34) Inline Conditional Expressions
⌨️ (0:52:04) Event Handling in React
⌨️ (0:57:41) Keys in React
⌨️ (1:03:25) Forms in React
⌨️ (1:18:04) Dynamic Inputs in React
⌨️ (1:26:02) CSS Styling in React
⌨️ (1:36:47) Uncontrolled v/s Controlled Components
⌨️ (1:44:10) Virtual DOM
⌨️ (1:46:05) InnerHTML in React
⌨️ (1:55:23) React Fragments
⌨️ (2:00:02) Stateless v/s Stateful Components
⌨️ (2:01:57) REST API Requests
⌨️ (2:27:05) Debouncing in React
⌨️ (2:38:43) Context API in React
⌨️ (2:49:33) Class v/s ClassNames in React
⌨️ (2:52:59) Higher Order Components
⌨️ (3:06:18) Lazy Loading in React
⌨️ (3:14:34) Helper Functions in React
⌨️ (3:24:21) Implementing Recursion in React
⌨️ (3:27:10) Running Arrays of Functions
⌨️ (3:33:08) Custom Hooks in React
⌨️ (3:37:22) Promises and Async/Await
⌨️ (3:51:52) Code Splitting in React(Dynamic Imports)
⌨️ (3:58:18) Creating a Search Filter in React
⌨️ (4:13:10) Adding TypeScript to React
⌨️ (4:16:36) React Testing Library
⌨️ (4:30:41) Caching an API Response

🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

source

This Post Has 43 Comments

  1. Phat

    0:02:30 It’s not HTML, it’s JSX. After that I stopped watching. Don’t let people teach you until they fully understand the topic and don’t confuse terms.

  2. Mamuna Anwar

    I think it is not a good idea to use GitHub copilot extension in a tutorial.

  3. While I appreciate how these topics are fairly straight-forward in terms of covering the absolute fundamentals there isn't really an explanation or reason as to when or why you'd use these specific things…though I suppose individually you find use cases in which to use certain concepts, it's more difficult to solidify and commit these tutorials to memory if it's just a "follow along with my code" without the teaching behind it

  4. Buzz Light beer

    I have used react a lot for 3 years now but learned most of what I know from stackexchange… aka on the job. Never got into hooks because they came after I learned how to do everything with classes and so it was always a challenge to learn something new.

    However I did watch most of the sections in the playlist and learned some new things.

    I think the biggest thing I discovered wasn't even mentioned…
    The Object?.children?.map notation. That makes life so much easier and never knew it existed.

    Anyway, was all around helpful video if you are starting react.

  5. S༙E༙X༙🔞

    [  ] [  ]  [v] ¡EXCELENTE Western Clásico y me encanta muy tubesex.UnO buena película. Saludos desdes Arenillas, República del Ecuador, *Sudamérica. Gracias y bendiciones * soludos.

  6. Tom13zebras

    FCC: you are not paying attention to the single most important facet to any instructional video. And that is the quality of the AUDIO. Some below have critiqued the instructor's accent, which isn't great even for native English speakers. The most difficult part for understanding, however, is the flatness of his intonation. Some of that can be solved with post production audio processing, but mostly it can only be solved by having someone deliver the content who is a skilled presenter no matter the language of instruction. For a good example, look at any popular tech youtube channel. The speaker never has flat intonation, they always modulate their voice and tone which assists in comprehension. There are many with heavy accents who do well because they know how to present spoken words! As this video stands, I have to focus hard on the code to merely comprehend what "ay-ray" means. Whereas "uh-RAY" is immediately recognizable. Sorry, low quality audio = no learning for many.

  7. There is Any Kind of error In Your Video… Whenever I Play Your video That time I Always Video is Like 2 Sec Play Video and 2 Sec Stop.. Then Continue 2 Sec Stop, 2 Sec Play.. It's Happen Until I Close Your Video.. I Have Seen Many Tutorials On Different Different Channals But I Never able To Watch Any Of Your Tutorial Because I am Always Getting This Type Errror🙄😭

  8. NajeebUrRahman

    Guys can anybody tell me what plugin is he using that he gets the quick suggestion or next line of code minute 2:15?

  9. Bahy Mohamed

    can u make similar video for angular interviews questions please

  10. One of my most serious nightmares is to be interviewed by or to interview an Indian person. Professionalism aside, which often leaves much to be desired, it's normally close to impossible to understand them. Nice people, almost all of them, but the accent is often so thick it just sounds like Hindi.

  11. akira

    come on, now he talks for 4 hours where the majority drop offs already after 10 seconds. language is key or good subtitles.

  12. radu bradu

    that accent though, who can watch 5h of that?

  13. Ajitesh Mishra

    right on time, been searching for interview questions form weeks.

  14. Bilal Ch

    Another poor example used here is about higher order components. That's not what a higher order component is. Come on codecamp, what are you doing with your content quality 👀

  15. Bilal Ch

    A horrible example of denouncing used in this video. That's not how denouncing works. This example is wrong bcz if the user keeps typing beyond 2 seconds, the api will be called even if the user hasn't stopped typing.

  16. Shi-nee

    WOWWW thanks you so muchh i always wanted to such a vid cuz im very afraid of interview ques n things

  17. Hoang Nguyen

    I will have some coding interviews for junior reactjs next week, thank you so much for the video

  18. Dung Ngo

    Amazing <3 Good way to learn for beginner & revise for who already known React. Thank you

  19. CorrosionX4

    Could you please use the filter that callcenters use to eliminate the foreign accent?

  20. Deepak Verma

    Happy to see him on freecodecamp as I read your tutorial and it helped me 👍👍👍👍👍

Leave a Reply