Yiga AI

Course 12 of 19

Advanced React & TypeScript

TypeScript, Context, Performance, 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 hoursTypeScriptModule 1 of 4 in Advanced React & TypeScript.

  1. Overview and set-up

    Overview and set-up — TypeScript in Advanced React & TypeScript.

    Lesson

    40 min

  2. Core concepts

    Core concepts — TypeScript in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — TypeScript in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — TypeScript in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — TypeScript in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — TypeScript in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  7. Module quiz: TypeScript

    Check what you learned in TypeScript before moving on.

    Quiz · Locked

    20 min
Module 2 · 7 lessons · 4.3 hours LockedContextModule 2 of 4 in Advanced React & TypeScript.

  1. Overview and set-up

    Overview and set-up — Context in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Context in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Context in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Context in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — Context in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — Context in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  7. Module quiz: Context

    Check what you learned in Context before moving on.

    Quiz · Locked

    20 min
Module 3 · 7 lessons · 4.3 hours LockedPerformanceModule 3 of 4 in Advanced React & TypeScript.

  1. Overview and set-up

    Overview and set-up — Performance in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Performance in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Performance in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Performance in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — Performance in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — Performance in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  7. Module quiz: Performance

    Check what you learned in Performance before moving on.

    Quiz · Locked

    20 min
Module 4 · 8 lessons · 6.3 hours LockedTestingModule 4 of 4 in Advanced React & TypeScript.

  1. Overview and set-up

    Overview and set-up — Testing in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Testing in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Testing in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Testing in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — Testing in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  6. Applying it at work

    Applying it at work — Testing in Advanced React & TypeScript.

    Lesson · Locked

    40 min

  7. Module quiz: Testing

    Check what you learned in Testing before moving on.

    Quiz · Locked

    20 min

  8. Graded project: Advanced React & TypeScript

    Apply everything from Advanced React & TypeScript in one graded, portfolio-ready build.

    Graded project · Locked

    120 min

Applied learning project

Make the learning visible.

Use Graded project: Advanced React & TypeScript 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
Joel N., Career readiness

Your instructor

Joel N.

Career readiness

Connects technical learning to portfolios, interviews and confident career moves.

Amina Hassan, Yiga learner

“The track removed the uncertainty. I knew what to learn next and what to show employers.”

Amina Hassan

Career switcher, Dar es Salaam

Continue with

Your next best step.

Following the order of Full-Stack Web Developer.

See the full chain

Next lesson

Overview and set-up

Advanced React & TypeScript

40 min · Resume

Course 13 in the track

Next.js Full-Stack

App router, Server actions, API routes, and more.

Intermediate · Course · 4 weeks at 5 hrs/week

Course 14 in the track

React Fundamentals

Components, State, Hooks, and more.

Intermediate · Course · 4 weeks at 5 hrs/week

Course 15 in the track

Node.js & Express

Servers, REST APIs, Middleware, and more.

Intermediate · Course · 4 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 courseTailwind CSS & Modern UINext courseNext.js Full-Stack

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