Web Development Mittelstufe

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 Bewertungen) 3 Schüler 6 Stunden

Zuletzt aktualisiert 20.07.2026

Über diesen Kurs

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.

Kurs Lehrplan 4 Bereiche • 16 Lektionen • 6 Stunden

Getting Started with React 4 Lektionen
  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 Lektionen
  1. Introducing useState Video
  2. Event Handlers and the onClick Pattern Text
  3. Conditional Rendering Text
  4. Free Preview: Styling with CSS Modules Vorschau Video
State, Effects, and the Todo App 4 Lektionen
  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 Lektionen
  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 Vorschau Video
Abschlussbewertung 2 Quiz
React Fundamentals — Final Exam Quiz Bestanden: 70%
Web Development Certification Exam Quiz Bestanden: 70%

Triff deinen Lehrer

Maya Chen

3 Kurse 3 Schüler

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

Vollständiges Profil anzeigen

Lernendenbewertungen

Meld dich an und melde dich in diesem Kurs an, um deine eigene Bewertung zu hinterlassen.

4.8
4 Bewertungen
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.