Typescript Utility Types | TS Beginners Tutorial

Web Dev Roadmap for Beginners (Free!): bit.ly/DaveGrayWebDevRoadmap
Learn Typescript Utility Types in this TS beginners tutorial covering the most frequently used Typescript utility types. Utility types are helpful for common type transformations in Typescript.
🚀 Become a full-stack web dev with Zero To Mastery Courses:
- The Complete Web Developer: bit.ly/WebDevMaster
- Master the Coding Interview: bit.ly/FAANGInterview
- Junior to Senior Dev Roadmap: bit.ly/WebDevRoadmap-JrtoSr
🚩 Subscribe ➜ bit.ly/3nGHmNn
📬 Course Updates ➜ courses.davegray.codes/
❓ Questions - Please post them to my Discord ➜ / discord
☕ Buy Me A Coffee ➜ www.buymeacoffee.com/davegray
👇 Follow Me On Social Media:
Github: github.com/gitdagray
Twitter: / yesdavidgray
LinkedIn: / davidagray
🔗 All Resources for this Typescript Course: github.com/gitdagray/typescri...
🔗 Playlist for this Typescript Course: bit.ly/3GcNJ78
Typescript Utility Types | TS Beginners Tutorial
(00:00) Intro
(00:05) Welcome
(00:27) Starter code and set up
(01:15) What are Utility Types?
(01:28) Partial
(05:13) Required and Readonly
(08:01) Record
(11:20) Pick and Omit
(13:53) Exclude and Extract
(15:24) Nonnullable
(16:36) ReturnType
(19:47) Parameters
(21:49) Awaited
📚 Suggested Pre-requisites for this Typescript course:
🔗JavaScript for Beginners full course: • JavaScript Full Course...
📚 Tutorial References:
🔗 Typescript Official Website: www.typescriptlang.org/
🔗 Anders Hejlsberg, Creator of Typescript and C# Interview: dev.to/destrodevshow/typescri...
🔗 Stackoverflow Survey Results: survey.stackoverflow.co/2022/...
🔗 MDN - Static Typing: developer.mozilla.org/en-US/d...
🔗 MDN - Dynamic Typing: developer.mozilla.org/en-US/d...
🔗 MDN - Type Coercion: developer.mozilla.org/en-US/d...
🔗 TS Type Assertions: www.typescriptlang.org/docs/h...
⚙ Web Dev Tools:
🔗 Chrome Browser: www.google.com/chrome/
🔗 Visual Studio Code (VS Code): code.visualstudio.com/
🔗 Node.js & npm: nodejs.org/
🔗 Live Server VS Code Extension: marketplace.visualstudio.com/...
Was this Typescript Utility Types tutorial helpful? If so, please share. Let me know your thoughts in the comments.
#typescript #utility #types

[@DaveGrayTeachesCode]

In this tutorial, we'll learn about Typescript Utility Types and look at examples of each utility type we review. If you have questions, please join my Discord server where I answer questions and you can chat with other web dev students: discord.gg/neKghyefqh

[@Big_13ang]

You know what I love about the video? It's the way you teach, especially through the development of a single example. Additionally, you mention the practical usage of the concept in real world projects !

[@FalioV]

My first love in programming languages was C#. Then I switched to the "dark" side and went with JavaScript, but short after I knew TypeScript was a thing. When you see all of those "typescript" stuff going on you can say "Damn thats so hard I cannot understand it", but when someone explain it to you in such an easy way, you realize how оrderly and understandable actually the code is. That's why I love my job, you never stop to learn and improve yourself. Thank you for the amazing video! :)

[@DaveGrayTeachesCode]

You're welcome! And if you like C#, Typescript should be very enjoyable indeed!

[@MOJICA7257]

Thanks Dave! For your effort, appreciated.

[@DaveGrayTeachesCode]

Welcome!

[@k303k]

Thanks for the video Dave!

[@florianwebdev]

Good job explainining these concepts, keep up the good work! I just subscribed to your channel

[@itdropout]

Thank you so much Dave! Keep Teaching

[@DaveGrayTeachesCode]

You're very welcome!

[@zarinan.3774]

Starting internship next week and will work with react typescript, your lessons give me confidence it will go well! Those came out right in time for me :)

[@DaveGrayTeachesCode]

You got this!

[@TravinskiyVladislav]

Thank you, Dave

[@DaveGrayTeachesCode]

Your welcome, HH!

[@stonecomstock]

Thank you Dave!

[@DaveGrayTeachesCode]

Welcome!

[@sonamohialdin3376]

Amazing tutorial thank you

[@DaveGrayTeachesCode]

Welcome!

[@ayanbanerjee7417]

You are theee "BEST" Dave ❤️❤️❤️❤️

[@DaveGrayTeachesCode]

Thank you!

[@adelprog]

Thank's a lot for this tutorial

[@DaveGrayTeachesCode]

You are welcome!

[@PavithranLion]

Thank u so much sir

[@DaveGrayTeachesCode]

Most welcome!

[@alalyrealestate1136]

Amazing job, I need your advice about which backend approach I should take, PHP or Node. I'm really confusing, and I want the simple one and the easiest approach .. thanks again.

[@DaveGrayTeachesCode]

If you are already comfortable with Javascript, Node.js will seem easier.

[@alalyrealestate1136]

Thank you Dave .. 😀

[@ScriptRaccoon]

Great tutorial! So in some sense, the utility types Required and Partial are "inverse" to each other.

[@DaveGrayTeachesCode]

Yes, I found there are several utility types you can think of this way.

[@teetanrobotics5363]

Please make course on Nextjs and T3 stack

[@DaveGrayTeachesCode]

Great request!

[@regilearn2138]

Thanks Dave, React + typescript advance course Please

[@DaveGrayTeachesCode]

You're welcome!

[@sinnis_879]

Thanks Dave, I completed this series up to this lesson in all one day. Now I am ready for projects with TS 🚀🚀🚀

[@DaveGrayTeachesCode]

You got this! 💯🚀

[@reeteshvirous1359]

🔥

[@re.liable]

Whoa. Parameter and ReturnType would make some of my functions more DRY

[@ousssika5359]

i know i m asking a lot, but it will be super nice from you if ll you do a series about react graphql , sequelize stack

[@ousssika5359]

ps your the best teacher i know , and i study a lot of tutorials on youtube

[@DaveGrayTeachesCode]

Thank you!

[@DaveGrayTeachesCode]

Thank you for the request!

[@shubhampatankar1468]

Sir please make video on angular

[@CaliburPANDAs]

no

[@shubhampatankar1468]

@@CaliburPANDAs why

[@thescarletcars]

Kind of a weird question, but what is the keyboard you're using?

[@DaveGrayTeachesCode]

Logitech MK270: smile.amazon.com/gp/product/B079JLY5M5 ..some say they like hearing the clicks and some don't. I like it. I'm now using a noisegate on my mic so it doesn't come through as much as it used to.

[@thescarletcars]

@@DaveGrayTeachesCode Thanks! I have no issue with either clicks or keys, I asked because the sound of the keyboard is so heavy and thunky, really like that sound :D

[@rishabhmishra9070]

Is your react course is still watchable Or is it old now

[@DaveGrayTeachesCode]

Yes, it is for beginners and covers fundamentals.

[@surendharsmsn327]

Why typescript concentrates more on type of data?

[@DaveGrayTeachesCode]

Static typing is what TS is all about.

[@logozgur]

Typescript is nothing more populism. it's that simple: let someObject = { ...any }

[@DaveGrayTeachesCode]

I view it as a developer tool that helps write self-documenting code.

[@logozgur]

@@DaveGrayTeachesCode Thanks this learning video. But for documentation, this is a huge effort.

[@7doors847]

🔥