10 ReactJS Coding Exercises ( Exercise and Solution )

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, click the video below to start. (No filler, fast, straight to the point as I highly respect your time)

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

Exercises:

Display simple JSX

• https://codepen.io/angelo_jin/pen/wvrygZa

Display array of users to browser

• https://codepen.io/angelo_jin/pen/QWqQdXE

Show/Hide Element on Screen

• https://codepen.io/angelo_jin/pen/zYERZZL

2 way data binding in ReactJS

• https://codepen.io/angelo_jin/pen/MWEQmqN

Disable a button

• https://codepen.io/angelo_jin/pen/YzrazGY

Update the parent state

• https://codepen.io/angelo_jin/pen/JjrLjOy

Dynamically add child components (React Children)

• https://codepen.io/angelo_jin/pen/BawrpeX

Sum of Two Numbers

• https://codepen.io/angelo_jin/pen/zYEWZNR

Create Counter App

• https://codepen.io/angelo_jin/pen/mdBxWwN

Fetch data from an API

• https://codepen.io/angelo_jin/pen/oNGqZpm

Solutions:

Display simple JSX

• https://codepen.io/angelo_jin/pen/xxXrZLd

Display array of users to browser

• https://codepen.io/angelo_jin/pen/wvreMpZ

Show/Hide Element on Screen

• https://codepen.io/angelo_jin/pen/abLwyrL

2 way data binding in ReactJS

• https://codepen.io/angelo_jin/pen/yLzvMop

Disable a button

• https://codepen.io/angelo_jin/pen/dyVmyYz

Update the parent state

• https://codepen.io/angelo_jin/pen/KKXoKgO

Dynamically add child components (React Children)

• https://codepen.io/angelo_jin/pen/MWEVJNb

Sum of Two Numbers

• https://codepen.io/angelo_jin/pen/BawrWzy

Create Counter App

• https://codepen.io/angelo_jin/pen/yLzKMXX

Fetch data from an API

• https://codepen.io/angelo_jin/pen/zYEWZdW

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