Using TypeScript with React

INTERACTIVE COURSE

Using TypeScript with React

Intermediate

64 Lessons

9h

Certificate of Completion

Using TypeScript with React

60 Playgrounds

12 Quizzes

26 Illustrations

Course Overview

If you are a React developer and want to build your React apps faster and more robustly, this course is for you. Learn to integrate TypeScript with React, boost your productivity, and create apps that are easier to maintain. In this course, you will learn how to utilize TypeScript’s sophisticated type system to make React development faster and your code more readable. You will learn how to create component props, state, and events that are strongly-typed, allowing you to quickly understand what you can pa...Show More

Course Content

1

Why TypeScript?

Understanding TypeScript

Understanding the benefits of TypeScript with React Quiz

2

Using basic types

Understanding the types in JavaScript

Using type annotations Understanding type inference Understanding the any type Understanding and using the void type Using the never type Using the unknown type Using type assertions Quiz

3

Creating types

Creating a strongly-typed array Creating a strongly-typed tuple Creating a strongly-typed object Creating type aliases

Creating interfaces Creating union types Creating intersection types Understanding type compatibility Quiz

4

Working with generic types

Using some standard generic types

Creating generic functions Creating generic interfaces Creating generic type aliases Creating generic classes Quiz

5

Creating strongly-typed function component props

Specifying a type for function component props Specifying a prop as optional Specifying a default for a function component prop Specifying a type for an object prop Specifying a type for a function prop Quiz

6

Creating strongly-typed function component state

3 Lessons

7

Creating strongly-typed class components

4 Lessons

8

Creating strongly-typed component events and event handlers

3 Lessons

9

Creating strongly-typed context

4 Lessons

10

Creating strongly-typed refs

3 Lessons

11

Creating React projects with TypeScript using Create React App

4 Lessons

12

Creating a React and TypeScript project manually

7 Lessons

13

Putting everything together

3 Lessons

COURSE AUTHOR

How You'll Learn

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Built-in assessments let you test your skills. Completion certificates let you show them off.

Part of the TypeScript Learning Path

Path Cover

Learn TypeScript for Front-End Developers

Adapt your current JavaScript knowledge to master TypeScript and optimize your front-end projects.

3 Modules

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath