Pick/Omit Are One Of The Best Features Of TypeScript

🌎 Find Me Here:

#Shorts

[redio]

Also you can use "Partial<User>"

[matthewbeardsley]

Yeh, I've wondered this. Whether to create a new type WithID<User> or make Id optional, or omit it...I'm used to the former, as for me it represents stuff from the database.

[catwhisperer]

These are incredibly useful. Thanks for sharing.

[mozart-]

Compiler doesn’t throw an error even when the target doesn’t have the omitted keys like Omit<User, 'foo'> so you should use safer way down below!

type SafeOmit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;

[yosefrahahleh]

Thank you so much, and it will be so helpful continuing with videos like this by explain typescript type system using real world examples.

[lucasdale]

This should be used with caution though. Some projects that have certain types or view models may require those fields. Which is why you would normally make them optional properties with a “?” after the property name. So picking or omitting may cause breaking changes to other places that type or view model is being used.

[jjfattz]

You could also make the id field optional

[simonjanca]

Well I use partial<> for similar purpose. But thos looks nicer

[_clei_]

I work on a system that is very complex, but shouldn't be that way. Sometimes I spend more time dealing with cascading changes in types (change in one place and have to change in many other places), than actual coding.

[AbhishekSingh-vldp]

Keep bringing these videos .. love it.

[baka_baca]

One of my initial gut reactions here is that this looks nice in the same way inheritance looks nice. I can imagine Pick & Omit being useful when used with say lodash's pick & omit. I can also imagine that if this stuff is used more than a single level deep (e.g. using Pick & Omit on a type that has already been Picked or Omitted) that headaches will quickly come. I know the IDE will give intellisense on this, but the dev experience of managing this mentally sounds quickly unmanageable.

[TheNeel]

It creates dependency chains on the original types.

[isi]

most usefull thing i have seen all day

[sburke]

Extract is another powerful one.

type Colors = 'red' | 'blue' | 'green';

type WithoutBlue = Extract<Colors, 'blue'>;

type ChristmasColors = WithoutBlue; // only 'red | 'green' are allowed

[brigaderog]

Thanks I’ll use it in my angular project

[jagdeeshbhavani]

Thats nice info Kyle.
But you could have done this by adding ? in id in User itself.

[chrisdizzle]

How do you make shorts like this? I’m planning on doing it for work and can’t figure out how.

[Veedsify]

Hi Kyle, learning next js and the typescript is driving me crazy, got any videos to help me better understand?

[joydeepbhowmik]

Ts for creating problems or solving problems?

[wandreperes]

awesome! you can reuse a type, and omit id, on a form. neat.