Matt Pocock on X: "🔥 TypeScript Tip #7 🔥 🧑‍💻 Beginner/intermediate 💡 Generics The looseness of Object.keys can be a real pain point when using TypeScript. Luckily, it's pretty simple to create a tighter version using generics and the keyof operator." / X

Post

Matt Pocock
@mattpocockuk
🔥 TypeScript Tip #7 🔥 🧑‍💻 Beginner/intermediate 💡 Generics The looseness of Object.keys can be a real pain point when using TypeScript. Luckily, it's pretty simple to create a tighter version using generics and the keyof operator.
12:43 PM · Mar 11, 2022
22
Matt Pocock
@mattpocockuk
Mar 11, 2022
Previous tip:
Matt Pocock
@mattpocockuk
Mar 9, 2022
🔥 TypeScript Tip #6 🔥 Type helpers change the game when it comes to types in your codebase. They help TypeScript infer more from your code - and make your types a lot more readable. Here, I write my own PropsFrom helper to extract props from any React component.
2
Matt Pocock
@mattpocockuk
Mar 14, 2022
Next tip:
Matt Pocock
@mattpocockuk
Mar 14, 2022
🔥 TypeScript Tip #8 🔥 You can use generics in React to make incredibly dynamic, flexible components. Here, I make a Table component with a generic 'items' type.
Dan Vanderkam 🦋
@danvdk
Mar 11, 2022
Just remember that Object.keys has that signature for a reason: it’s unsound otherwise.
effectivetypescript.com
Effective TypeScript › Item 54: Know How to Iterate Over Objects
Iterating over the keys and values in an object is a common operation that's surprisingly hard to write without type assertions in TypeScript. This item explains why the types you get from Object.k...
4

🔥 TypeScript Tip #7 🔥 🧑‍💻 Beginner/intermediate 💡 Generics The looseness of Object.keys can be a real pain point when using TypeScript. Luckily, it's pretty simple to create a tighter version using generics and the keyof operator.

12:43 PM · Mar 11, 2022

Post

Post

Matt Pocock on X: "🔥 TypeScript Tip #7 🔥 🧑‍💻 Beginner/intermediate 💡 Generics The looseness of Object.keys can be a real pain point when using TypeScript. Luckily, it's pretty simple to create a tighter version using generics and the keyof operator."

Conversation