fb

React With TypeScript

Everything you need to be productive in a React application that uses TypeScript.

Logos: Apple, Netflix, Microsoft, Netlify, Uber, Tesla, Amazon, Spotify
You’ll be in great company with other developers we’ve trained

Tutorial Hell
Break out of
Tutorial Hell.

Stop reading out-of-date tutorials and watching crappy screen-share videos.

We use a linear approach to take you step by step from the fundamental building blocks of React + TypeScript — all the way to building real-world applications from with confidence.

And it’s all thanks to our secret sauce...

  1. 01

    Configuring TypeScript for React

    It doesn’t take much to set up TypeScript to work with React. By the end of this section, you’ll know everything you need to get started.

    • Lesson
    • Quiz
  2. 02

    Annotating Components

    Components are the heart and soul of React, so we’ll learn how to add annotations to props and state for class components and function components.

    • Lesson
    • Quiz
    • Practice
  3. 03

    Built-In React Types

    React’s type definitions come with some types that we can use in our code to help us model some of the ways that React components and elements interact.

    • Lesson
    • Quiz
    • Bonus
  4. 04

    Hooks

    TypeScript makes it so we always use our React Hooks correctly, so we don’t have any surprises. We’ll dive into the most common hooks.

    • Lesson
    • Quiz
    • Practice
  5. 05

    Typing Props

    Props are one of the most important parts of using React, and annotating them is as easy as adding types to a function. During this section, we’ll learn how to model some of the tricker, more advanced props patterns you might find.

    • Lesson
    • Quiz
    • Practice
  6. 06

    Context

    Context lets you pass values deep into your app, and TypeScript makes it so the types come with them! In this section, we’ll learn how to add those types to our context creator, and how to use context in the most helpful way.

    • Lesson
    • Quiz
  7. 07

    Refs

    Refs are used to store bits of data, including references to DOM elements. TypeScript helps us use these refs in a type safe way.

    • Lesson
    • Quiz
  8. 08

    Project: TypeScript Conversion

    We’ll apply what we’ve learned by converting an entire React Hooks codebase to TypeScript.

    • Project

Make it click

Everything you need to know to master React + TypeScript

Get that money.

Learn With TypeScript

  • Learn how to set up and use TypeScript
  • Gain the skills to be comfortable in a TS + React codebase
  • Level up your skills to get that raise
Albert Vila Calvo's avatar
Albert Vila Calvo

Developer

Good course. Exactly what I needed.

starstarstarstarstar
RN
Rishi Narang

Developer

It’s awesome. I got all the doubts cleared in clear and concise manner especially related to useState and useReducer type checking. This coursed has boosted my confidence to use typescript in React.

starstarstarstarstar
Malak Joseph's avatar
Malak Joseph

Developer

I hated TypeScript when I dealt with it at work because I didn’t know how to use it and only produced red lines! Now, can’t say I’m an expert but an app without TS is full of distractions and more complicated! Thanks, Alexander for such a great course!

starstarstarstarstar
E
Elise

Developer

I super love the course. Quickly got me up to date with Typescript. Although I’ve been coding Typescript for a while, I only felt I got the fundamentals down after this course. Highly recommend.

starstarstarstarstar
AC
Angela Cabrero

Developer

Was part of the beta group. Really enjoyed this course. It’s a solid follow up to the TypeScript course for those who use React.

starstarstarstarstar

Developers love our content (and we think you will too).

1m YouTube Views
Over 1 million YouTube views this year
80k+ Developers Helped
Over 80k developers have taken our courses
100k+ Newsletter Subscribers
Over 100k developers read our newsletters