React Exercises
Exercises
Test your React skills with exercises from all categories:
Get Started
First App
Render
ES6 Classes
ES6 Arrow Function
ES6 Variables
ES6 Array Map
ES6 Destructuring
ES6 Spread
ES6 Modules
ES6 Ternary
ES6 Template Strings
JSX
JSX Expressions
JSX Attributes
JSX If Statements
Components
Props
Props Destructuring
Props Children
Events
Conditionals
Lists
Forms
Forms Textarea
Forms Select
Forms Multiple Inputs
Forms Checkbox
Forms Radio
Portals
Suspense
CSS Styling
CSS Modules
CSS in JS
Router
Transitions
Forward Ref
Higher Order Components
Sass Styling
Hooks useState
Hooks useEffect
useContext Hook
useRef Hook
useReducer Hook
useCallback Hook
useMemo Hook
Custom Hooks
Log in to track your progress
If you haven't already, sign up to become a W3Schooler, and get points for every exercise you complete.
As a logged on W3Schools user you will have access to many features like having your own web page, track your learning progress, receive personal guided paths, and more.
The Exercise
We have gathered a variety of React exercises from most of the chapters in our React Tutorial.
The exercises are a mix of "multiple choice" and "fill in the blanks" questions. The answer can be found in the corresponding tutorial chapter. If you're stuck, or answer wrong, you can try again or hit the "Show Answer" button to see the correct answer.
