Exercise v3.0

×

×

Correct!

Complete this ternary operator statement.

blue @(1) renderBlue() @(1) renderRed();

blue ? renderBlue() : renderRed();

Not Correct

Click here to try again.

Correct!

Go to w3schools.com

Reset Score

Close This Menu

React Get Started

Exercise 1 Go to React Get Started Tutorial

React ES6 Arrow Function

Exercise 1 Go to React ES6 Arrow Function Tutorial

React ES6 Variables

Exercise 1 Go to React ES6 Variables Tutorial

React ES6 Array Methods

Exercise 1 Go to React ES6 Array Methods Tutorial

React ES6 Destructuring

Exercise 1 Exercise 2 Go to React ES6 Destructuring Tutorial

React ES6 Spread

Exercise 1 Go to React ES6 Spread Tutorial

React ES6 Ternary

Exercise 1 Go to React ES6 Ternary Tutorial

React JSX

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to React JSX Tutorial

React Components

Exercise 1 Exercise 2 Go to React Components Tutorial

React Props

Exercise 1 Go to React Props Tutorial

React Events

Exercise 1 Go to React Events Tutorial

React Conditionals

Exercise 1 Go to React Conditionals Tutorial

React Lists

Exercise 1 Go to React Lists Tutorial

React Hooks useState

Exercise 1 Go to React Hooks useState Tutorial

React Hooks useEffect

Exercise 1 Go to React Hooks useEffect Tutorial

React CSS Styling

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to React CSS Styling Tutorial

×

Reset the Score?

This will reset the score of ALL 24 exercises.

Are you sure you want to continue?

×

Congratulations!

You have finished all 24 React exercises.

Share your score: