DEV Community

7 Secret TypeScript Tricks Pros Use 😎🤫

Tapajyoti Bose on May 14, 2023

TypeScript is an outstanding tool to make our lives easier & avoiding bugs, yet sometimes feels overwhelming to use. This article outlines 7...

Read full post

Randall • May 14 '23

Nice tips. In my opinion the main thing that separates pros from newbies is that pros turn on all the strict options and still manage to avoid as like the plague because they know a ton of tools like these to avoid it. Death to as!

insidewhy • May 15 '23

It's now generally recommended to write index signatures using Record e.g. type ParticipantData = Record<string, ParticipantStatus>.

Benny Code • May 16 '23

Great tips! I'd like to contribute one more suggestion. Instead of using "any" for typing inputs in your type guard, it's safer to use "unknown". This approach encourages you to first check if a parameter is of type object before accessing its properties. You can see this here: youtube.com/watch?v=p-YEN-9KnRo

Bret Bernhoft • May 14 '23

This is a nice summary of TypeScript tricks. Thank you for putting it together.

Using TypeScript has changed my approach to programming for the Web. And I'm grateful to have access to this technology.

GhulamHussainJoyo • May 15 '23

I was looking for this type of article. Where I can learn all about props types. Thanks for sharing

michTheBrandofficial • May 18 '23

Hello. Do you mean React prop types? What prop types exactly?

Rense Bakker • May 14 '23

Very good article and examples! :)

Maik • May 19 '23

Thank you for these tips. Especially the Partial, Pick, Omit & Required Types help me, as I only knew Partial<>, but I have a usecase for the other ones too.

Code With Joseph • May 17 '23

Thanks, this was very helpful.

Philip John Basile • May 17 '23

Really nice list!! Thank you!!

Wilmela • May 15 '23

Very helpful tips.

Yusuf Kolawole • May 15 '23

Nice collections, thanks for listing all these...

React Hunter • May 24 '23

Great

Code With Joseph • May 17 '23

Thanks, this was very helpful.

Dat • May 21 '23

Nice

ColorFilter • May 16 '23

Thank you for the great explanation. It helped me review the topic.

insidewhy • May 28 '23 • Edited

The as const thing is also not really correct. If you don't want to be able to mutate properties you should use readonly before each property. as const is used to produce compile-time constants, for example to allow you to map names to string literals at compile time.

Yiannis Christodoulou • May 17 '23

Great article and excellent tips.
Some of them are very useful.

I've created a repo to test out the above tips & tricks on my local machine. It is public if anyone wants to clone the repo and tests the tricks that Tapajyoti Bose shared with us.
github.com/Yiannistaos/learning-ty...

stvndall • May 16 '23

These are wonderful for design time. But you should make it clear that this opens you for lots of runtime problems, and am those check need to them be fine elsewhere. All of these types are removed when the code is 'compiled'.

So many bugs introduced into codebases because this loss of type information at runtime is not understood.

All those checks you mentioned still need to be done somewhere, but not everywhere.