Call Us Today! 1.555.555.555support@wbcomdesigns.com
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…

Maya Chen ★ 4.8 (4 ratings) 3 students 6 hours

Last updated June 22, 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 • 6 hours

Getting Started with React 4 lessons
  1. Why React and What You Will Build Video
  2. Setting Up Vite + VS Code Video
  3. Understanding JSX Text
  4. Your First Component Text
Building Your First App — Counter 4 lessons
  1. Introducing useState Video
  2. Event Handlers and the onClick Pattern Text
  3. Conditional Rendering Text
  4. Free Preview: Styling with CSS Modules Preview Video
State, Effects, and the Todo App 4 lessons
  1. useState with Arrays and Objects Text
  2. The useEffect Hook Video
  3. Lifting State Up Text
  4. Building a Controlled Form Video
Fetching Data and the Weather Widget 4 lessons
  1. Fetching with fetch() and useEffect Text
  2. Handling Loading and Error States Video
  3. Extracting a Custom Hook Text
  4. Free Preview: Shipping Your Apps Preview Video
Final assessment 1 quiz
React Fundamentals — Final Exam Quiz Pass: 70%

Meet Your Instructor

Maya Chen

1 course 3 students

Senior front-end engineer and React teacher. 8 years shipping production UIs at startups and agencies. Loves turning confusing concepts into bite-sized lessons.

View Full Profile

Student Reviews

Log in and enroll in this course to leave your own review.

4.8
4 reviews
5 ★
75%
4 ★
25%
3 ★
0%
2 ★
0%
1 ★
0%
Sofia Reyes
Sofia Reyes

Three working apps in two weeks

I finished every project, and the weather widget is now a real thing on my portfolio. Maya's pacing is spot-on — never too slow, never a leap.

Wren Kato
Wren Kato

Great intro, wanted more routing

Loved the projects, but I wish there was a bonus module on React Router. Everything else is exactly what a working engineer needs to start shipping.

Liam Okafor
Liam Okafor

Finally "got" hooks

I've started React courses three times before and always lost the thread at useEffect. The way this one walks you from useState into useEffect made the whole thing click.

Emma Lindqvist
Emma Lindqvist

Worth every dollar

I refunded at first because of an unrelated budget issue, but I kept watching the previews and came back. The 80% of the course that is free to preview already taught me more than a $200 bootcamp.