OpenTube

Learn TypeScript Generics In 13 Minutes

Web Dev Simplified

431,687 views

Master TypeScript utility types with my FREE TS Util Types Cheat Sheet - 18+ types 👉 https://webdevsimplified.com/ts-utili...
Become a senior TypeScript developer with my Full TypeScript Course - 50+ videos, 10+ hours 👉 https://courses.webdevsimplified.com/...

By far one of the hardest TypeScript concepts to understand when first learning TypeScript is generics. They introduce new syntax, new logic, and a new way of thinking all at the same time which is tough to comprehend. In this video I will be breaking down everything you need to know about generics (including advanced generic features).

📚 Materials/References:

TypeScript Simplified Course: https://courses.webdevsimplified.com/...

🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: Patreon: WebDevSimplified
Twitter: Twitter: DevSimplified
Discord: Discord: discord
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified

⏱️ Timestamps:

00:00 - Introduction
00:49 - When To Use Generics
02:04 - Generic Function Basics
06:40 - Generic Type Basics
09:24 - Advanced Generic Features

#TypeScript #WDS #TypeScriptGeneric

20 Comments

@WebDevSimplified Creator 7 months ago (edited) Pinned

Master TypeScript utility types with my FREE TS Util Types Cheat Sheet - 18+ types 👉 https://webdevsimplified.com/ts-utility-types-cheat-sheet.html
Become a senior TypeScript developer with my Full TypeScript Course - 50+ videos, 10+ hours 👉 https://courses.webdevsimplified.com/typescript-simplified?utm_source=youtube&utm_medium=video-description&utm_term=video-id-EcCTIExsqml

@afrotechtips 2 years ago

Whenever I find it very hard to grasp a concept, I run to this channel. You are the GOAT

@carblore 2 years ago

Ahh generics.... My worst enemy

@Oliver-rh5bv 2 years ago

Very often it feels like - yes its totally clear and so easy - when watching videos like this.
Then we go back to work and in most cases our problems are more complex and they still need some time to get around that barrier in the head and apply what we just have learned.
I tought myself the generic stuff by using it in my daily work and I still keep watching videos like this to learn about the very edgew cases - the smart little things I missed in the documentation documents in the web.

@Martin97perussini 2 years ago

Excellent, you honored the "simplified" to your name with this video, really easy to understand this way

@AtticusLi-f6r 7 days ago

so clear that I finally figure out TypeScript Generics🤩

@waseemtahir6740 2 years ago

This is shortest and the best explanation of generics in TS. Thanks for this Kyle.

@lambgoat2421 2 years ago

Thanks for these tips Spider-Man

@gyros9162 2 years ago

This is the shortest and best explanation generic types and functions I've ever saw

@therealj4282 2 years ago

Nice clear explanation - so many people get tied up in knots trying to explain generics.

@Aditya-k4t 2 years ago

Informative but i got confused at the end

@shaban511 4 months ago

Basically saying to TypeScript "I provide type, you make sure the return type is same"

@crvlwanek 2 years ago

The type system in TypeScript is so much more expressive than other languages. It has great inferencing, keyof for derived types, even ternaries for narrowing/filtering types

@MagicPants647 2 years ago

I like thinkin of generics as just a way to pass in types to a function or another type. kinda like how you’d pass in parameters to a function.

@adi1231 1 year ago (edited)

okay so i am listening from 6:40, i am understanding it and then at some point i realise i forgot what i understood even though i understood a few seconds back, it's so weird. I understands it and not at the same point........ 😆😆🤐🤐