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.
React Fundamentals: Build Your First 3 Apps
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…
Last updated August 21, 2026
Curriculum
Getting Started with React 4 lessons
-
Why React and What You Will Build Video 12 min
-
Setting Up Vite + VS Code Video 10 min
-
Understanding JSX 10 min
-
Your First Component 9 min
Building Your First App — Counter 4 lessons
-
Introducing useState Video 13 min
-
Event Handlers and the onClick Pattern 8 min
-
Conditional Rendering 7 min
State, Effects, and the Todo App 4 lessons
-
useState with Arrays and Objects 6 min
-
The useEffect Hook Video 8 min
-
Lifting State Up 9 min
-
Building a Controlled Form Video 8 min
Fetching Data and the Weather Widget 4 lessons
-
Fetching with fetch() and useEffect 8 min
-
Handling Loading and Error States Video 9 min
-
Extracting a Custom Hook 10 min
Final assessment 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%
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 • 13 min
Getting Started with React 4 lessons
-
Why React and What You Will Build Video 12 min
-
Setting Up Vite + VS Code Video 10 min
-
Understanding JSX 10 min
-
Your First Component 9 min
Building Your First App — Counter 4 lessons
-
Introducing useState Video 13 min
-
Event Handlers and the onClick Pattern 8 min
-
Conditional Rendering 7 min
State, Effects, and the Todo App 4 lessons
-
useState with Arrays and Objects 6 min
-
The useEffect Hook Video 8 min
-
Lifting State Up 9 min
-
Building a Controlled Form Video 8 min
Fetching Data and the Weather Widget 4 lessons
-
Fetching with fetch() and useEffect 8 min
-
Handling Loading and Error States Video 9 min
-
Extracting a Custom Hook 10 min
Final assessment 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
Maya Chen
3 courses
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 ProfileStudent Reviews
Log in and enroll in this course to leave your own review.
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.
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.
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.