Introduction to Static Typing

Using Type Inference in TypeScript

Union Types and Type Aliases in TypeScript

Distinguishing between types of Strings in TypeScript

Using Interfaces to Describe Types in TypeScript

Creating a Class in TypeScript 

Sharing Class Behavior with Inheritance in TypeScript 

Using Assertion to Convert Types in TypeScript

The Basics of Generics in TypeScript

Practical Generics in TypeScript

Use Types Effectively in TypeScript

It can be painful to write the same function repeatedly with different types. Typescript generics allow us to write 1 function and maintain whatever type(s) our function is given. This lesson covers syntax and a basic use case for Typescript generics.

[00:01] We have a reusable function that pushes something into a collection, and then console logs the collection. We have two objects, and two arrays. We can just call the function with anything an array, but we're human and we make errors. What we want is to make sure we're pushing the right something, into the right array.

[00:33] We can use a generic to tell the compiler, we're going to be using a specific type, but we're not going to tell you what that type is until the function is called. This is what a generic looks like. It doesn't matter what's between the angle brackets, as long as it makes sense to you.

[00:46] T which is short for type, is just the convention. Now that the generic has been declared, we can use it to type our arguments. Everything looks OK. Let's see what happens when we make an error. They type argument for type parameter T, cannot be inferred from the usage.

[01:06] Before we made an error, the compiler was inferring the generic type. Now that we have made an error, it can't. In our declaration, the first argument is a T type, and the second argument is an array of T types. The T is the same type in both arguments.

[01:22] The first time we call the function, the first argument is a string, but the second argument is an array of objects. This error is saying, the T types don't match. We can set the generic value when the function is called, and now the IDE shows the error. We probably want to create an interface, because our type could get larger. Now the IDE catches the error, and the error message is easier to understand.

[01:46] To review, generics allow us to write reusable code with types that can be set when the function is called. We declare a generic with angle brackets, at the end of our function name. We can use generic to declare types that will be set, when the function is called.

[02:01] The generic can be inferred when the function is called, but it's better to set the value if we want help from the IDE.

Course

Use Types Effectively in TypeScript

The Basics of Generics in TypeScript

Share this video with your friends