Typescript Generics Tutorial

Learn how to use generics in Typescript. I go over how to use them in your React.js code and create your own in functions, interfaces, and jsx.
#typescript
Code: github.com/benawad/typescript...
​
----
Follow me online: voidpet.com/benawad
#benawad

[@sanjarmirakhmedov4016]

One of the best tutorials on Generics I have ever watched. Thank you Ben!

[@edwingarcia5043]

Not for beginner though, while I was watching this I could see the useful parts, but some times I just didn't get it (most parts in React part) ... I will read and fully undertand their full important, I won't give up.

[@georgestan9563]

@@edwingarcia5043 The generics explanation was very good, you're probably lacking other information needed to understand the code, I recommend revisiting more basic concepts of programming before jumping into this.

[@foobars3816]

@@georgestan9563 No it was clearly noting to do with the basics of programming and more about him not understanding how React and Formik works. I think he pretty clearly said that in his comment. Which BTW is quite irrelevant for him unless he want's to use either of those, this was just more of showing a practical example for people who are familiar with React and Formik.

[@codeaperture]

He's an asset in the JavaScript community

[@youngun550]

Was about to say the same thing. No nonsense, really clear and focused!

[@glzr_io]

Mad props for making this. Found that the docs were pretty lacking when it came to generics and this really cleared things up. Been using TS for a while now but still found this super helpful

[@kps2642]

This video legit dropped right when I was reading Typescript docs

[@swyxTV]

to return the tuple you can also assert `as const` at the end of that function

[@selftaughtcodelab]

Yes, that might be another way but the disadvantage will be that typescript will not allowed to push more values in returned array as we declare it as ready-only via const.

[@jivkojelev3744]

Or u can use keyword readonly.

[@Ko0lHaNDLuKex]

Really good as always, Ben! I've been using TypeScript for a while now, but I still learnt a lot from this video! Thank you.

[@nicholasroman8071]

Thank you Mr. Awad for the short, concise, and elegant explanation of generics.

[@mccall7122]

I've been youtubing and googling for over an hour trying to wrap my head around generics. The first 5 minutes of your video did a better job than all the other videos and articles and documentation. Kudos, and thanks!

[@Ascended23]

Great video! I’m so glad that you used example functions other than an “identity” function that just returns the argument. It’s much easier to understand when you can infer how the thing it’s doing is something that could be useful.

[@yowchun95]

Thank you so much for this tutorial, i have been scratching my head trying to figure out how generics work in Typescript, and this video pretty much cleared it up for me.

[@ikezedev]

I love this.... Just started rewriting an open source library of mine in typescript and this was just what I needed. Thanks @Ben Awad

[@cesarbuenrostro622]

Thanks dude, I'm studying for a week, but this video clears all the doubts, you're rock!

[@yuri4n]

The video was really quickly but you give the concepts clearly and concise, thanks, man

[@rafarovina]

I can't count how many times I've use a Ben's video to settle a discussion :D Thank you for the all awesome content! Inspiring programming style, using TS at it's best, always!

[@paulina7497]

I read few blog posts about generics and thought I am too stupid for that but your explanation made me understand everything I struggled with before. Thank you

[@Cognitoman]

By the way ur killing it my dude. Keep grinding your in your way

[@dawid_dahl]

You have the best tutorials on RUclips. Thanks so much!

[@kallekula9202]

Your videos are always great. Thanks Ben. You explain everything really well.

[@NatashaUrbancic]

This made generics so much easier to understand! Thanks for making this video 👍

[@kayodeayelegun6279]

Yo!!! This is the best explanation on generics. I especially love the jsx example. Awesome stuff 🔥🔥

[@Middollo]

Best generics explanation i found on youtube so far. Thanks.

[@selftaughtcodelab]

Can't expect better explanation than this. Thanks Ben.

[@lastmaj]

I started reading about typescript today and this is better than the docs. thank you

[@yashrahurikar7533]

Thanks Ben,
Please keep making videos like these on Typescript

[@Bostologia]

- The best generics tutorial I've ever watched!

[@thisisgksingh]

Ben Awad the boss of coding on youtube and some of the best explanations that I have seen.

[@rakeshjoshi2306]

This video is really great to start with typescript generics

[@pyroghost11]

Thanks Ben for the clear explanation, I adore your videos and always recommend it to people at my company!

[@bawad]

thanks, that's awesome!

[@ayomikuolatunji1580]

This is the best generics tutorial on RUclips

[@malikaremu2344]

this the best typescript tutorial video i have ever watched, thank you

[@xyz-ey7ul]

dopest video ever. i always come to this when i forget generics. this video alone is 80% typescript

[@yetanotherchannelyac1434]

This was an amazing exposition of generics!

[@vanibron]

Huge thanks! Great explanation, Ben.

[@whoamiwhoru]

This tutorial cannot be free! Thank you so much :)

[@maximbazadji4895]

Thank you, Ben
Your tutorials are great

[@dgabrielm]

absolutely brilliant tutorial, thanks!

[@dimavoitenko2386]

Thank you! Really clear explanation.

[@MohammadBarghamadii]

Thank you so much, for your great Generics tutorial.

[@mayur9876]

This helped me alot. Thanks Ben.

[@infiniteeyelashes6729]

Excellent video, learned a lot.

[@PushpendraKrSingh]

This is really nice tutorial, keep it up Ben!

[@bassam.2023]

Finally I understand generics. Thanks!

[@navazalani6941]

At 19:37, it seems to be some sort of parsing error which mistakes for JSX instead of a TS generic. You don't necessarily have to "extend" something to get the parser to realise it's a TS generic -- a simple would work as well.
Great video, Ben!

[@sayandcode]

I was running into the exact same error at 4:16 too! Thanks man

[@uditgupta3429]

Thanks Man

[@arsamsarabi]

Thanks for the great videos. Keep up the good work 👍🏻

[@raghavsurya4755]

Man, this is amazing stuff! Thank you bro

[@_oo.monkeypox.oo_3344]

Great way to explain things. Thanks Ben

[@zuz2511]

Thanks bro. I was look for interfaces that implement generics just right now

[@none_the_less]

Great content. Keep up with the good work.

[@julianklumpers]

Awesome video! Helped me alot, thanks!

[@EddyVinck]

Great video. Really liked how you included some React as well.

[@gopiloxi]

Still relevant in 2024, thanks a lot Ben :)

[@kld0093]

this is why i love typescript

[@charlietaylor9266]

nice one! just what i was looking for.

[@vim55k]

Thanks. 3 new uses for generics

[@minhcuongle6660]

This's a awesome tutorial

[@edwardjr.5688]

Thanks man, it was clear and concise.

[@JonathanRintala]

Awesome tutorial 🔥

[@Zeuchon]

Very good intro to typescript!

[@vuvoth]

Thank for the video! Very useful!

[@NOTHING-en2ue]

very great tutorial, now i understand Generics ❤

[@bdk9830]

Thank you Ben! Now I can refactor my project better.

[@creativedeveloper6921]

You are awesome Ben!!!!!! 🙌

[@johanneswijaya5384]

Thanks man, this really helpful!

[@gerryramosftw]

This was an awesome video sir. Thank you for this

[@samplesample9714]

Thanks for this video it really help and simple to understand typescript generics

[@AltairLink]

Great tut! Thank you!

[@Max-bh8tg]

Great video Ben 👍

[@ARMALON87]

Love it, thank you, man!👍

[@jitujahagirdar613]

really good explain Typescript Generics..!👍
As a developer we always look for short video but better to explain. you did good job to explain and that what i like about this video.

[@vig221]

I just love that you're using Vim.

[@4dakto]

thank you. this video is very helpful.

[@alinawaz4034]

Amazing work man thanks

[@datasciencetoday7127]

i miss these kind of videos @Ben

[@problemno6943]

thx ! had been learned a lot

[@CoryTheSimmons]

Just got into Typescript pretty hard about a month ago. Was always confused what the

[@ridl27]

useful and clear tutorial, thx =)

[@Rudenich911]

Thanks, great explanation

[@Scripterrific]

Do you have a video explaining why we must use “as” to assert types instead of the form in JSX? I noticed this mentioned in the typescript documentation, but it wasn’t clearly explained what was meant by it.

[@LeonardoRivaldo]

I was looking for something more deep and complex about generics, like type creation based on objects or enums or any more complex examples, since I m a experiment programer in TS, but it has some interesting concepts, coodles!

[@bawad]

I'll have to do a more advanced tut at some point :)

[@umarjaved1489]

Ben, to get the most out of your videos, one must already be familiar with the concept

[@damdo808]

Aaaand... that's it? xD Man, I was watching others trying to explain it like it was some sort of a rocket science. Thanks!

[@maxtayebwa8987]

Thanks Ben!

[@fille.imgnry]

Would love to see a video on using Typescript with Svelte 🤩

[@stopPlannedObsolescence]

Stop using stelve

[@softwareadministrato]

Awesome video!

[@user-sm3rx2uw7r]

Very nice and helpful

[@YaserAz]

This is awesome.

[@rezakajbaf6702]

Great video.

[@amaanimtiyaz]

Nice, Really Good

[@aprilmintacpineda2713]

Loved it.

[@ibrahimnazari8376]

thanks great tutorial

[@JonsonNcube]

WOW!!! I could kiss my screen right now!!
Ben you beautiful mind you!! Thank you, I understand Generics now!

[@brijspy]

This will take some time to digest.

[@elusariosinnombre2058]

This is a good ass tutorial!

[@soroushrustrow9567]

awesome. thank you :)

[@arpitbharti6245]

At 19:43 Line-18, you don't _have_ to write ** instead write it as ** notice the comma after T

[@AltairLink]

thanks

[@hiradsoleimani2331]

Greate video thanks👍

[@avimehenwal]

Wow! amazing ... I just realized its Parametric polymorphism

[@sammmba]

thank you!!

[@dapoadedire]

Thanks for thie video.

[@PetarVukmanovic]

Holy cow bro. Noice. Ty.

[@__kawaii]

Отличное видео, спасибо!