10 React Coding Exercises (Coding Interview Prep - 2022)

React Coding Exercises - Quick Coding Preparation and Mini React JS Crash Course
(Codepen Exercise and Solution is included)

This video will prepare you for the React JS coding part of your interview. We will look over 10 exercises that I think are going to be very useful for you. Please see the exercises and potential solutions below. I added a timestamp on the player for easy navigation of re-visiting or skipping some parts of the video.

Next recommended video to watch - https://youtu.be/v6Myf4WoL00 (React Interview Questions)

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

Timestamps:
0:00 Introduction
0:27 Display JSX
0:46 Display array of users to browser
1:16 Show/Hide Element on Screen
1:40 2-way data binding in ReactJS
2:05 Disable a button
2:28 Update the parent state
2:59 React Children
3:29 Sum of Two Numbers
4:12 Create Counter App
4:43 Fetch API from API
5:26 Outro - Please like and subscribe.

Thank you for watching and I hope to see you again next time!