Udemy

React & TypeScript - The Practical Guide

Enroll Now
  • 29,941 Students
  • Updated 11/2025
4.7
(3,985 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
7 Hour(s) 33 Minute(s)
Language
English
Taught by
Academind by Maximilian Schwarzmüller, Maximilian Schwarzmüller
Rating
4.7
(3,985 Ratings)
1 views

Course Overview

React & TypeScript - The Practical Guide

Build type-safe React apps & use TypeScript to enhance your components, state management, Redux & side effects code.

TypeScript is an amazing technology that helps developers write better code with less errors - simply because it let's you catch & fix type-related errors immediately whilst writing the code (instead of when testing the application).

But using TypeScript with React can sometimes be tricky. Especially when building more complex, dynamic components, defining the right types can be challenging.

That's why I built this course!

This course will teach you how to use TypeScript with React - and, of course, the course will introduce you to all the core concepts & patterns you need to work with components, state, side effects & more in a type-safe way!

This course will:

  • Teach you WHY using TypeScript in your React projects might be a good idea

  • Introduce you to the key TypeScript concepts you'll need - when working with React & in general

  • Get you started with using TypeScript with React - for components, state & more

  • Explore more advanced, complex patterns & examples

  • Help you with building dynamic or even polymorphic components in a type-safe way

  • Teach you how to use TypeScript with React's Context API

  • Explore how you can enhance code used with useReducer() with help of TypeScript

  • Cover data fetching & useEffect() with TypeScript

  • Use the popular Redux library in a type-safe way

  • Build or improve multiple demo projects so that can apply your knowledge

By the end of the course, you'll be able to use TypeScript in your own (future) React projects and write better, more type-safe code.

Course prerequisites:

  • NO prior TypeScript knowledge is required - though basic knowledge will help (but the course includes an introduction module)

  • Basic React knowledge (components, JSX, state) IS required - more advanced concepts will be explained though

Course Content

  • 9 section(s)
  • 102 lecture(s)
  • Section 1 Introduction
  • Section 2 TypeScript Basics & Core Concepts
  • Section 3 Using TypeScript with React - Essentials
  • Section 4 Advanced Component Types - Dynamic Components, Polymorphic Components & More
  • Section 5 Advanced Type-Safe State with Context API & useReducer()
  • Section 6 Side Effects, useEffect() & Data Fetching with TypeScript
  • Section 7 Using Redux with TypeScript
  • Section 8 Practice Project: A "Book a Session" Management Application
  • Section 9 Bonus Content

What You’ll Learn

  • Learn how to build React apps with TypeScript
  • Get a structured introduction to TypeScript
  • Use both basic & advanced TypeScript concepts
  • Build dynamic & highly flexible components with React & TypeScript
  • Build advanced & highly dynamic components in a type-safe way
  • Use TypeScript with React's Context API & useReducer() Hook
  • Manage state and events with React and TypeScript
  • Use TypeScript with Redux for type-safe global state management

Skills covered in this course


Reviews

  • A
    Alex
    5.0

    All Maximillians courses are very good in comparision to other. I did three of them on React, Next and now Typo. I owe you a lot Maxim - thanks to you I did not loose my job, when my boss wanted me to learn react very fast for the next project. I am working not as next.js dev and now I will also improve my code with typo. I will soon take thr 4th of your course on pure typo.

  • A
    Adrien Lamoureux
    4.5

    Very good and clear instruction, just a bit behind with how things are today, such as "import type { PropsWithChildren } from 'react';" vs "import { type PropsWithChildren } from 'react';" Both work fine, but the first way is the norm today

  • J
    Jeroen van Kesteren
    4.5

    Difficult course. Happy to see that this course is offered by Max Schwarzmueller.

  • J
    Jesuseduardo Macias
    4.0

    Good information related to both technologies. If you already have a fair amount of knowledge about the two of them, this is the right course to get you started with their integration.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed