Using TypeScript with React

Name: Using TypeScript with React
Rating: 4.4 (1598 reviews)

Learn how to use TypeScript to build React projects (including Next.js and Apollo GraphQL).

(1,598 ratings)

11,013 students

Created by Dmytro Danylov

Last updated 9/2021

English

English [Auto]

What you'll learn

Basic and advanced features of TypeScript
Using TypeScript in React projects
Writing types for React patterns (higher order components, render props, etc)
How to integrate TypeScript into a Create React App with Redux
How to build a NextJS web app which uses the GraphQL API using TypeScript
Using types provided by third-party packages and creating custom type definitions
Using React with TypeScript in general

Requirements

Knowledge of JavaScript
Experience with React
Some experience with NextJS

Description

What is this course about?

Nowadays, TypeScript and React are extremely popular in the world of front end, and many companies use them to develop their web apps. Therefore, being able to build React apps using TypeScript is quite a valuable skill in 2020. This course will teach you the TypeScript skills that are necessary to start building React apps with confidence.

You’ll learn how to describe types for the function and class components, use higher order components and render props patterns for code reuse, import third-party libraries, their types, and create custom types for them if necessary.

This course is most suited to those who have worked on React applications in the past and now want to learn TypeScript.

You'll learn how to use TypeScript to build a React web application.

What are we going to build?

Project 1:

We'll build an example Create React App project with TypeScript and Redux. The focus of this project is to show how to use TypeScript with Redux while developing a simple web app.

Project 2:

We’ll build a task list app called "Task Mate" using the Next.js framework and Apollo GraphQL libraries. You’ll learn how to:

use hooks
create and use a higher order components
merge declarations
create types for GraphQL queries and mutations and use them

So, ready to broaden your skills in front end? If so, then take this course and let’s start coding!

Who this course is for:

People who have worked on React applications in the past and now want to learn how to integrate TypeScript into React projects.

Featured review

Joey B.

60 courses

25 reviews

3 years ago

Perfect match. This course was exactly what I needed. Dmytro is one of the better virtual teachers I've encountered and I haven't even begun to get into the nitty gritty of the course. I'll be sure to look for his name on other topics.

Dmytro Danylov

JavaScript Software Engineer

4.4 Instructor Rating
1,598 Reviews
11,011 Students
1 Course

I’ve been interested in programming since my childhood, because it gave me freedom to build something with which people can interact, and it didn’t require a big investment. All I needed was a computer and a C++ teach-myself book. This started my software development journey.

After school, I received a Computer Science diploma from Intercollege, Larnaca, and I started my career in web development in 2009. Thus far in my career, I’ve worked in Ciklum, Booking, Wix, and others. Also I've been working as a freelancer.

For quite some time I wanted to start creating online courses to share my knowledge professionally. Today I'm doing my best to achieve this goal.