Typescript provides a fair share of built-in Utility-Types, however, I always come back copy-pasta-ing from my old code when needing more complex util-types. So here's a cheat-sheet, with examples and explanations, for some of the advanced types I've built and used within the last years.

George

Future

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Explore advanced TypeScript types and utilities through detailed explanations and examples. This post covers custom utility types like Await, Length, KeysOfType, OneOf, and more. Learn about manipulating tuples, template literal types, and creating complex types from interfaces. Enhance your TypeScript skills with practical use cases and useful libraries.

Advanced Typescript Types, explanations and Cheatsheet

That’s a bit too advanced imho. I personally don’t see any point of checking “isPromise” using some weird looking type (in this specific case it is still readable though) instead of a helper function. I agree there could be some benefits of using more advanced typing with infer, but if the goal of writing code is to make it simple and easy to follow, this meta programming with type syntax is definitely not for working in a team with devs of different expertise levels. For a solo pet project could be fun thing to try though. ValidPath is cool though

Posts like this really make me feel dumb. It’s a bit depressing ;) I have no clue what’s going on here :)

just be warned that when you press deny cookies you get redirected to <a href="http://google.com" target="_blank" rel="noopener nofollow">google.com</a>.

Didn’t know i can do this with TS … thanks for sharing!