Develow
← Problem sets
Official8 problems · ~1.3h total

React Basics: Start Here

Start

Brand new to React? Start here. Eight tiny, guided problems that each teach one core idea — components and JSX, props, state with useState, rendering lists, handling clicks, conditional rendering, controlled inputs, and useEffect. Every step explains the concept first and asks for one small change, so you build real intuition before moving on to the Zero to Hero set.

0/8 solved0%

Render & Data

Your First Component (JSX)

Build a feature · 10 min · react, jsx

easy
Passing Props

Build a feature · 10 min · react, props

easy

State & Lists

useState — A Click Counter

Build a feature · 10 min · react, useState

easy
Rendering a List with map()

Build a feature · 10 min · react, lists, keys

easy

Interaction

Handling a Click

Build a feature · 10 min · react, events, useState

easy
Conditional Rendering

Build a feature · 10 min · react, conditional-rendering

easy

Inputs & Effects

A Controlled Input

Build a feature · 10 min · react, controlled-components, forms

easy
useEffect on Mount

Build a feature · 10 min · react, useEffect

easy
React Basics: Start Here