author-cover

INTERACTIVE COURSE

Using TypeScript with React

Intermediate

64 Lessons

9h

Certificate of Completion

author-cover

Looking to Train your Team?

Empower your engineers to reach their potential faster.

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 s...

How You'll Learn

Hands-on coding environments

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.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

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

Hands-on coding environments

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.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

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

Course Contents

1. Why TypeScript?

Understanding TypeScript

Understanding the benefits of TypeScript with React

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

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

4. Working with generic types

Using some standard generic types

Creating generic functions

Creating generic interfaces

Creating generic type aliases

Creating generic classes

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

6. Creating strongly-typed function component state

Creating strongly-typed function component states with useState

Creating strongly-typed function component state with useReducer

7. Creating strongly-typed class components

Creating strongly-typed class props

Creating strongly-typed class state

Using access modifiers

8. Creating strongly-typed component events and event handlers

Creating strongly-typed event handlers

Creating strongly-typed events

9. Creating strongly-typed context

Creating a simple strongly-typed context for function components

Creating a complex strongly-typed context for function components

Consuming a context in a strongly-typed class component

10. Creating strongly-typed refs

Creating strongly-typed refs in function components

Creating strongly-typed refs in class components

11. Creating React projects with TypeScript using Create React App

Creating a basic project

Configuring linting and adding autoformatting

Running tests and producing a production-ready build

12. Creating a React and TypeScript project manually

Creating a basic project

Adding React and TypeScript

Adding code linting and autoformatting

Adding npm scripts

13. Putting everything together

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

Join more than 1.7 million learners from companies like

Recommended before you start this course

Recommended before you start this course

Recommended before you start this course

Recommended after you finish this course

Recommended after you finish this course

Recommended after you finish this course

What our learners are saying

What our learners are saying

COURSE BY:

Carl Rippon

Teams of every size choose

Educative for Business

to train, upskill & onboard their developers

Learn in-demand tech skills in half the time

SOLUTIONS

For Enterprise

For Individuals

For HR & Recruiting

For Bootcamps

PRODUCTS

Educative Learning

Educative Onboarding

Educative Skill Assessments

Educative Projects

Pricing

For Enterprise

For Individuals

Free Trial

LEGAL

Privacy Policy

Terms of Service

Business Terms of Service

CONTRIBUTE

Become an Author

Become an Affiliate

Become a Contributor

RESOURCES

Educative Blog

EM Hub

Educative Sessions

Educative Answers

ABOUT US

Our Team

Careers

Hiring

Frequently Asked Questions

Contact Us

Press

MORE

GitHub Students Scholarship

Course Catalog

Early Access Courses

Earn Referral Credits

CodingInterview.com

Copyright ©2023 Educative, Inc. All rights reserved.

soc2