What React skills does "Build a Toggle" practice?

This challenge practices: useState, conditional rendering. It is rated easy difficulty and takes approximately 10 minutes.

What are the hints for "Build a Toggle"?

Use useState(false) for a boolean toggle state Use the ternary operator for conditional rendering: isOn ? "ON" : "OFF" Use the functional updater: setIsOn(prev => !prev) to flip the state

easy10 min

Build a Toggle

Build a toggle switch component that alternates between ON and OFF states. The toggle should visually indicate its current state and change when clicked. Practice boolean state management and conditional rendering.

Skills

useStateconditional rendering

Tests

Renders with initial state OFF
Toggles to ON when clicked
Toggles back to OFF when clicked again
Button label reflects the current state

Your Code

Loading editor...