OpenCourser
Learn skills that shape your future
Visit OpenCourser.com
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.
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.
Please read this intro before starting the course.
In this lesson we'll learn how to use modules in TypeScript. We'll see how to import and export modules in a few different ways.
Learn about TypeScript's data types such as boolean, number, string, null, undefined, object, void, array, tuple, enum, and any. Also, we'll cover type assertions.
Interfaces are a great way to describe contracts within our code. And in this lesson we'll learn about the characteristics of this powerful feature.
In this lesson we'll learn about different ways of describing the types of the functions. Also, we'll see how to overload a function.
We'll learn about creating and extending classes, defining constructors, using access modifiers, static members and getters and setters.
We'll use an interface to create a contract between a couple of modules and see how doing this makes our development process easier and safer.
We'll use an interface to verify if a given class can be constructed in a given way.
Generics is an extremely useful feature, which allows our components (functions, classes, etc.) to work with a variety of types.
We'll learn what a union type is and how to use it, and type guards for primitive (string, number, boolean, etc) and complex (objects, classes) types.
We’ll learn how to use npm packages that include types and instructions on how to install types from the DefinitelyTyped repository. We’ll also create a custom type declaration for a module that doesn’t have types at all.
We'll learn about merging interfaces, namespaces and augmenting modules. We'll add properties and methods to existing functions, classes and enums. Finally, we'll learn how to augment a third-party module.
A conditional type picks one of two possible types based on a condition.
Save
Content seems current and relevant.
Instructor explains concepts effectively.
Hands-on examples are useful for learning.
Builds a strong base for using TS with React.
SaveOpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
