Using TypeScript with React (Udemy.com)

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

( 54 Reviews )

Created by: Dmytro Danylov

Produced in 2021

What you will 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

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 76 / 100

Course 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 2021. This course will teach you the TypeScript skills that are necessary to start building React apps with confidence.
Youll 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:
Well build a task list app called "Task Mate" using the Next.
js framework and Apollo GraphQL libraries. Youll learn how to:
use hookscreate and use a higher order componentsmerge declarationscreate types for GraphQL queries and mutations and use themSo, ready to broaden your skills in front end? If so, then take this course and lets 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.

Time: 17.5h

Instructor Details

Dmytro Danylov

3.8 Rating
54 Reviews

Ive been interested in programming since my childhood, because it gave me freedom to build something with which people can interact, and it didnt 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, Ive 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.

Reviews

3.8

54 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Wyeth Coulter on 11/14/2020

It would be helpful to better understand why we would use a lot of this info in a real code scenario

By Hiro on 11/7/2020

ts-loader does not work in lesson33. More information about setting up using ts-loader is wanted.

By Jacky Attias on 10/8/2020

explanations are very explicit with very good examples

By Boyatalarishirisha on 9/24/2020

good

By Olle Eriksson on 9/18/2020

This tutorial should have come before the previous one

By Francisco Jose Albert Albusac on 9/14/2020

First time with React, but I had a very bad impression.
Firstly you install many plugins, you spend one hour installing things, however there is a very simple command to create a react application which gives you everything, so you waste your time doing all this. Then you download resources for every chapter, but I have errors running all of them, no instructions to run them, so I couldn't run many of the sections.

By Muhammad Dhiya Udhin on 9/5/2020