Web Development Intermediate

React Fundamentals: Build Your First 3 Apps

A hands-on introduction to React. You will build three real apps — a counter, a todo list, and a weather widget — while learning components, props, state, and hooks from…

Elevated 6 hours

Last updated September 9, 2026

About This Course

A hands-on introduction to React. You will build three real apps — a counter, a todo list, and a weather widget — while learning components, props, state, and hooks from the ground up.

Course Curriculum 4 Sections • 16 Lessons • 4 Quizzes • 6 hours

Getting Started with React 4 Lessons
  1. Why React and What You Will Build Video 10 min
  2. Setting Up Vite + VS Code Video 10 min
  3. Understanding JSX 7 min
  4. Your First Component 7 min
Building Your First App — Counter 4 Lessons
  1. Introducing useState Video 12 min
  2. Event Handlers and the onClick Pattern 7 min
  3. Conditional Rendering 9 min
State, Effects, and the Todo App 4 Lessons
  1. useState with Arrays and Objects 9 min
  2. The useEffect Hook Video 11 min
  3. Lifting State Up 8 min
  4. Building a Controlled Form Video 12 min
Fetching Data and the Weather Widget 4 Lessons
  1. Fetching with fetch() and useEffect 9 min
  2. Handling Loading and Error States Video 10 min
  3. Extracting a Custom Hook 8 min
  4. Free Preview: Shipping Your Apps Preview Video 14 min
4 Quizzes
  • React Fundamentals — Final Exam Quiz Pass: 70%
  • React Practice: Hooks Drill Quiz
  • How was this course? Quiz
  • Web Development Certification Exam Quiz Pass: 70%

Meet Your Instructor

Student Reviews

Be the first to review this Course.

Log in and enroll to leave your review.