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.
Curriculum
Getting Started with React 4 Lessons
- Why React and What You Will Build Video 13 min
- Setting Up Vite + VS Code Video 13 min
- Understanding JSX 6 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 9 min
State, Effects, and the Todo App 4 Lessons
- useState with Arrays and Objects 8 min
- The useEffect Hook Video 11 min
- Lifting State Up 8 min
- Building a Controlled Form Video 9 min
Fetching Data and the Weather Widget 4 Lessons
- Fetching with fetch() and useEffect 6 min
- Handling Loading and Error States Video 15 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 • 4 Quizzes • 6 hours
Getting Started with React 4 Lessons
- Why React and What You Will Build Video 13 min
- Setting Up Vite + VS Code Video 13 min
- Understanding JSX 6 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 9 min
State, Effects, and the Todo App 4 Lessons
- useState with Arrays and Objects 8 min
- The useEffect Hook Video 11 min
- Lifting State Up 8 min
- Building a Controlled Form Video 9 min
Fetching Data and the Weather Widget 4 Lessons
- Fetching with fetch() and useEffect 6 min
- Handling Loading and Error States Video 15 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.