0% completed

All LessonsFree Lessons (5)

Why TypeScript?

Understanding TypeScript Understanding the benefits of TypeScript with React Quiz

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

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

Working with generic types

Using some standard generic types Creating generic functions Creating generic interfaces Creating generic type aliases Creating generic classes Quiz

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

Creating strongly-typed function component state

Creating strongly-typed function component states with useState Creating strongly-typed function component state with useReducer Quiz

Creating strongly-typed class components

Creating strongly-typed class props Creating strongly-typed class state Using access modifiers Quiz

Creating strongly-typed component events and event handlers

Creating strongly-typed event handlers Creating strongly-typed events Quiz

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 Quiz

Creating strongly-typed refs

Creating strongly-typed refs in function components Creating strongly-typed refs in class components Quiz

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 Quiz

Creating a React and TypeScript project manually

Creating a basic project Adding React and TypeScript Adding Babel Adding code linting and autoformatting Adding Webpack Adding npm scripts Quiz

Putting everything together

Using TypeScript with React/

...

/

Summary

Summary

We'll cover the following...

We started this course as a React developer eager to learn TypeScript.

We learned that TypeScript is extra code we need to write, but it makes code maintenance easier and less risky. It also enables productivity features in our editor.

We learned the ...