Master React by Building 25 Projects

By freeCodeCamp | Free Course on YouTube

4.0
(0 ratings)
0 students enrolled
Q
Created by Qasrawii Academy
Last updated 3/2026 EN Intermediate 195 min total

What you'll learn

Project-based React course building 25 different applications, each designed to challenge and enhance understanding of React capabilities.

Course Content

4 sections 32 lessons 195m total length

Getting Started

10 lessons
Full React Tutorial #1 - Introduction Preview
6:00
Full React Tutorial #2 - Creating a React Application Preview
13:00
Full React Tutorial #3 - Components & Templates Preview
7:00
Full React Tutorial #4 - Dynamic Values in Templates
6:00
Full React Tutorial #5 - Multiple Components
6:00
Full React Tutorial #6 - Adding Styles
7:00
Full React Tutorial #7 - Click Events
7:00
Full React Tutorial #8 - Using State (useState hook)
7:00
Full React Tutorial #9 - Intro to React Dev Tools
4:00
Full React Tutorial #10 - Outputting Lists
7:00

Fundamentals

10 lessons
Full React Tutorial #11 - Props
9:00
Full React Tutorial #12 - Reusing Components
3:00
Full React Tutorial #13 - Functions as Props
5:00
Full React Tutorial #14 - useEffect Hook (the basics)
4:00
Full React Tutorial #15 - useEffect Dependencies
4:00
Full React Tutorial #16 - Using JSON Server
5:00
Full React Tutorial #17 - Fetching Data with useEffect
8:00
Full React Tutorial #18 - Conditional Loading Message
4:00
Full React Tutorial #19 - Handling Fetch Errors
8:00
Full React Tutorial #20 - Making a Custom Hook
9:00

Core Concepts

10 lessons
Full React Tutorial #21 - The React Router
8:00
Full React Tutorial #22 - Exact Match Routes
5:00
Full React Tutorial #23 - Router Links
4:00
Full React Tutorial #24 - useEffect Cleanup
7:00
Full React Tutorial #25 - Route Parameters
8:00
Full React Tutorial #26 - Reusing Custom Hooks
5:00
Full React Tutorial #27 - Controlled Inputs (forms)
9:00
Full React Tutorial #28 - Submit Events
3:00
Full React Tutorial #29 - Making a POST Request
5:00
Full React Tutorial #30 - Programmatic Redirects
4:00

Intermediate Topics

2 lessons
Full React Tutorial #31 - Deleting Blogs
4:00
Full React Tutorial #32 - 404 Pages & Next Steps
4:00

Description

Project-based React course building 25 different applications, each designed to challenge and enhance understanding of React capabilities.

Original course by freeCodeCamp. Curated and organized for optimal learning on Qasrawii LMS.

Requirements

  • A computer with internet access
  • Willingness to learn

Student Reviews

No reviews yet. Be the first to share your experience!

Preview this course
Free Open Access

This course includes:

32 lessons
195 minutes of content
Intermediate level
EN
Full lifetime access
Certificate of completion