Generics keep a type constant throughout your code but don’t specify the exact type. They’re a useful way to make your functions, interfaces, and types more reusable without losing TypeScript’s benefits.

The “hello world” of Generics is the Identity function - it just returns what it gets as an argument.

To make Generics more practical, we must do one of two things: Set constraints on what the Generic Type can be Specify the structure of your data, without constraining the Type

We show toy examples of both, and then show an example from the Vue 3 source code.

After this video, you should be able to decipher most TypeScript code.

Handbook Docs https://www.typescriptlang.org/docs/handbook/generics.html

Vue 3 Example

https://github.com/vuejs/vue-next/blob/09b4202a22ae03072a8a8405511e37f65b626568/packages/runtime-core/src/renderer.ts#L83