DEV Community

Cover image for 10 ReactJS Coding Challenge (💥Coding Interview Prep💥)
Let's Code
Let's Code

Posted on • Edited on

10 ReactJS Coding Challenge (💥Coding Interview Prep💥)

Last month, I posted 2 ReactJS interview questions 🎤 - Advance Questions and Commonly Asked Question and got a significant welcome by dev.to community. 🤗 🥰 Many thanks to all of you!

I decided to complete the package by creating codepen exercises 📝 and a video 📺 to follow up on that effort as one will need to code following the technical interview questions. Also, I added potential solutions for the exercises which is listed below.

If you need to brush up 🆙 your ninja ReactJS skills, you can try to answer the exercises below OR click the video below to guide you step-by-step interactively. (No filler, fast, straight to the point as I highly respect/value your time)

These exercises and solutions will also be available on the video as well.

Exercises: 🏋️

Display simple JSX

Display array of users to browser

Show/Hide Element on Screen

2 way data binding in ReactJS

Disable a button

Update the parent state

Dynamically add child components (React Children)

Sum of Two Numbers

Create Counter App

Fetch data from an API

Solutions: 🙋

Display simple JSX

Display array of users to browser

Show/Hide Element on Screen

2 way data binding in ReactJS

Disable a button

Update the parent state

Dynamically add child components (React Children)

Sum of Two Numbers

Create Counter App 🕒

Fetch data from an API

Happy coding and good luck on your next interview! I hope this material will help you land your next dream job. 💰 🚗 📈

Latest comments (41)

Collapse
 
anand_gomaskar_f6934c1624 profile image
Anand Gomaskar

nice

Collapse
 
dandanbohdan profile image
Dan

It was fun! Thanks a lot!

Collapse
 
frontendengineer profile image
Let's Code

glad that you've liked the coding exercises! thanks for the comment.

Collapse
 
hemavathi profile image
Hemavathi

Very helpful exercises for beginners. Thank you :)

Collapse
 
sd_sharon_ profile image
Sharon_Rosario • Edited

hey bro please make more challeneges like these.. i want some hard level questions

Collapse
 
greenjscoder profile image
Neuro Neutro

too easy for interview, look real example
https://stackblitz.com/edit/stackblitz-starters-rqq4bw?description=A%20create-react-app%20project%20based%20on%20react%20and%20react-dom&file=src%2FApp.js,src%2Findex.js&title=React%20Starter
you can make that all works as expected, but wont pass interview because of interviewer wants you write some functions in other way

Collapse
 
greenjscoder profile image
Neuro Neutro

and you can forget some things because of worrying

Collapse
 
cssmatter profile image
Manish Salunke

I found this on udemy.
React JS Coding Interview Challenges and Exercises
udemy.com/course/react-js-coding-i...

its good.

Collapse
 
urmajesty516 profile image
Janice

I found these exercises are too easy. Could you please mention that these are for absolute beginners somewhere in the header of the post? I doubt that any interview question would be this straight forward. Nevertheless, appreciate your effort on making the post, it has to be useful for someone 👏🏻

Collapse
 
katrinbelova profile image
Katya Belova

That challenges too easy! Like for the junior level.
I would be glad to see more complecated challenges from you :)

Collapse
 
frontendengineer profile image
Let's Code

sure. I can take it up a notch

Collapse
 
vajin1125 profile image
JinVasile

Very helpful for me. Thank you.

Collapse
 
frontendengineer profile image
Let's Code

of course. very welcome and happy to help

Collapse
 
replay profile image
Ionut Oltean

Nice I always look for those kind of challenges to practice

Collapse
 
frontendengineer profile image
Let's Code

i plan on making more in the future. Stay tuned :)