TypeScript Utility Types: Omit and Pick

#shorts

Here's a brief guide on two of TypeScript's utility types - Omit and Pick.

Become a TypeScript Wizard with Matt's upcoming TypeScript Course:

Follow Matt on Twitter

[hugodsa]

This is where small short videos belong 🎉 well done Matt

[ShotgunAFlyboy]

I use Omit, Pick, Required, and Partial ALL the time. Really useful.

[brucewayne]

I use a custom omit and pick to
CustomPick<T, U extends keyof T> = Pick<T, U> so you can only choose from valid keys

[vedantnn]

Thanks for such a clear explanation Matt!

[josephajibodu]

Wow. This is awesome. What I’ve always done is create the type with the limited properties first, then create the second class that extends it with the extra details.

I love this

[akgul]

video edit style is very nice. thanks…

[csoto]

What an excellent explanation! Thanks!

[cvkfbkq]

Your tutorial is super readable and understandable. What VScode extensions do you use when you make videos? I like the animation 😂😂

[DioArsya]

woww, what tools you use to produce this animation coding video? Btw your typescript contents are amazing and very helpful

[anhdunghisinh]

Can we do this with array? because technically an array is also an object?

[islombekdev]

Sorry, could you please tell what vscode theme you are using?)

[samautrey]

I don't know why, I just can't get my head around these new animations you're using. So hard for me to follow for some reason.

[banshee]

"manipulate objects"? so I can throw out lodash pick/omit, delete, spread in destructuring to actually omit props from objects etc? uh-huh

[codeman-dev]

Let me do one better.

type PartialRequire<T, K extends keyof T> =
Pick<T, K> & Partial<Omit<T, K>>;
type UserWithOnlyEmailRequired =
PartialRequire<User, "email">;

Give you a type that looks like:

type UserWithOnlyEmailRequired =
{ id?: string;
email: string;
postCount?: number; }