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 November 3, 2026
Skills you'll gain
- Web Development
Curriculum
Getting Started with React 4 Lessons
-
Why React and What You Will Build Video 14 min
-
Setting Up Vite + VS Code Video 11 min
-
Understanding JSX 10 min
-
Your First Component 7 min
Building Your First App — Counter 4 Lessons
-
Introducing useState Video 8 min
-
Event Handlers and the onClick Pattern 7 min
-
Conditional Rendering 8 min
State, Effects, and the Todo App 4 Lessons
-
useState with Arrays and Objects 8 min
-
The useEffect Hook Video 14 min
-
Lifting State Up 9 min
-
Building a Controlled Form Video 11 min
Fetching Data and the Weather Widget 4 Lessons
-
Fetching with fetch() and useEffect 7 min
-
Handling Loading and Error States Video 11 min
-
Extracting a Custom Hook 8 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 • 4 Quizzes • 6 hours
Getting Started with React 4 Lessons
-
Why React and What You Will Build Video 14 min
-
Setting Up Vite + VS Code Video 11 min
-
Understanding JSX 10 min
-
Your First Component 7 min
Building Your First App — Counter 4 Lessons
-
Introducing useState Video 8 min
-
Event Handlers and the onClick Pattern 7 min
-
Conditional Rendering 8 min
State, Effects, and the Todo App 4 Lessons
-
useState with Arrays and Objects 8 min
-
The useEffect Hook Video 14 min
-
Lifting State Up 9 min
-
Building a Controlled Form Video 11 min
Fetching Data and the Weather Widget 4 Lessons
-
Fetching with fetch() and useEffect 7 min
-
Handling Loading and Error States Video 11 min
-
Extracting a Custom Hook 8 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
4 Courses
4 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