React Basics

Build component-driven UIs. Learn React's core concepts: JSX, props, state, and hooks.

~14h total

6 lessons

~4h content

Pro Access

✦ Includes mini project

⭐ Certificate of completion

No setup required · 100% browser-based

What You'll Learn

Build UIs with reusable React components

Manage state with useState and useEffect

Pass data between components via props

Fetch data from an API and render it

6 lessons · ~235 minutes

JSX & Component Basics

30 min

Concept

Props & Data Flow

35 min

Code-Along

State with useState

40 min

Code-Along

Side Effects & useEffect

40 min

Code-Along

Lists & Conditional Rendering

30 min

Code-Along

Mini Project: Task Manager App

60 min

Project

React 18JavaScript (ES6+)Vite

Continue Your Journey

From HTML structure to interactive React apps — a complete path for building modern websites.