Yiga AI

Course 14 of 19

React Fundamentals

Components, State, Hooks, and more.

Yiga AI

Intermediate en

Intermediate · Course · 4 weeks at 5 hrs/week

Duration
4 weeks
Effort
5 hrs/week
Lessons
24
Hands-on exercises
24
Projects
1
Language
en

What you’ll learn

Skills you can put to work.

How the Web Works

HTML & CSS

JavaScript Fundamentals

Git & GitHub

Syllabus

Every module, step by step.

4 modules · 29 lessons · 19 hours · 1 graded project

1160 minutes of guided lesson time.

Sign in and enrol to unlock every lesson. The first lesson is open as a preview.

Module 1 · 7 lessons · 4.3 hoursComponentsModule 1 of 4 in React Fundamentals.

  1. Overview and set-up

    Overview and set-up — Components in React Fundamentals.

    Lesson

    40 min

  2. Core concepts

    Core concepts — Components in React Fundamentals.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Components in React Fundamentals.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Components in React Fundamentals.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — Components in React Fundamentals.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — Components in React Fundamentals.

    Lesson · Locked

    40 min

  7. Module quiz: Components

    Check what you learned in Components before moving on.

    Quiz · Locked

    20 min
Module 2 · 7 lessons · 4.3 hours LockedStateModule 2 of 4 in React Fundamentals.

  1. Overview and set-up

    Overview and set-up — State in React Fundamentals.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — State in React Fundamentals.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — State in React Fundamentals.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — State in React Fundamentals.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — State in React Fundamentals.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — State in React Fundamentals.

    Lesson · Locked

    40 min

  7. Module quiz: State

    Check what you learned in State before moving on.

    Quiz · Locked

    20 min
Module 3 · 7 lessons · 4.3 hours LockedHooksModule 3 of 4 in React Fundamentals.

  1. Overview and set-up

    Overview and set-up — Hooks in React Fundamentals.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Hooks in React Fundamentals.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Hooks in React Fundamentals.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Hooks in React Fundamentals.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — Hooks in React Fundamentals.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — Hooks in React Fundamentals.

    Lesson · Locked

    40 min

  7. Module quiz: Hooks

    Check what you learned in Hooks before moving on.

    Quiz · Locked

    20 min
Module 4 · 8 lessons · 6.3 hours LockedRoutingModule 4 of 4 in React Fundamentals.

  1. Overview and set-up

    Overview and set-up — Routing in React Fundamentals.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Routing in React Fundamentals.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Routing in React Fundamentals.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Routing in React Fundamentals.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — Routing in React Fundamentals.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — Routing in React Fundamentals.

    Lesson · Locked

    40 min

  7. Module quiz: Routing

    Check what you learned in Routing before moving on.

    Quiz · Locked

    20 min

  8. Graded project: React Fundamentals

    Apply everything from React Fundamentals in one graded, portfolio-ready build.

    Graded project · Locked

    120 min

Applied learning project

Make the learning visible.

Use Graded project: React Fundamentals to apply this course to a practical challenge. You’ll finish with a clear solution and the reasoning behind your choices.

Apply the course’s core skillMake and explain practical decisionsCreate evidence you can share
Mariam K., Software & cloud

Your instructor

Mariam K.

Software & cloud

Helps new developers build reliable products through clear explanations and guided practice.

Diana Nsiiza, Yiga learner

“I use what I learned in my work now, not in some distant future project.”

Diana Nsiiza

Data analyst, Entebbe

Continue with

Your next best step.

Following the order of Full-Stack Web Developer.

See the full chain

Next lesson

Overview and set-up

React Fundamentals

40 min · Resume

Course 15 in the track

Node.js & Express

Servers, REST APIs, Middleware, and more.

Intermediate · Course · 4 weeks at 5 hrs/week

Course 16 in the track

Testing & Debugging

Unit tests, Integration, Debugging, and more.

Intermediate · Course · 3 weeks at 5 hrs/week

Course 17 in the track

How the Web Works

HTTP, Browsers, Servers, and more.

Beginner · Course · 3 weeks at 5 hrs/week

Learner reviews

What learners say.

Write a review

Sign in to share your experience with this course.

Sign in to review

Loading reviews…

Previous courseNext.js Full-StackNext courseNode.js & Express

Keep going

Other courses in this track.

View full track
Technical Interview Prep cover illustration
Career

20 lessons · 16.7h · Advanced

Technical Interview Prep

Structured practice for coding interviews, plus mock interviews with feedback.

Yiga Plus
Modern Web Development cover illustration
Programming

25 lessons · 19.5h · Intermediate

Modern Web Development

Build and ship responsive web apps with HTML, CSS, JavaScript and React.

Yiga Plus