2020-09-23
3617
#react#typescript
Dan Vanderkam
25674
Sep 23, 2020 â‹… 12 min read

Strategies for mitigating prop drilling with React and TypeScript

Dan Vanderkam Dan is a Principal Software Engineer at Sidewalk Labs and the author of Effective TypeScript: 62 Specific Ways to Improve Your TypeScript (O'Reilly 2019). He blogs regularly at effectivetypescript.com.

Recent posts:

Improving Frontend Workflows With In-Browser Database Tools

​​Improving frontend workflows with in-browser database tools

In-browser database tools like RxDB and Neo4j Sandbox help frontend devs manage data, work offline, and streamline tasks with AI support.

Muhammed Ali
Jun 3, 2025 â‹… 7 min read
How To Iterate Over Enums In TypeScript

How to iterate over enums in TypeScript (with code examples)

Learn exactly how to iterate over numeric and string enums in TypeScript, with practical code snippets and type-safe patterns.

Matteo Di Pirro
Jun 2, 2025 â‹… 9 min read
How To Import SVGs Into Your Next.js Apps

How to import SVGs into your Next.js apps: A 2025 guide

Learn the best 2025 methods to import SVGs in Next.js 14+, with tips on performance, styling, and App Router integration.

Joseph Mawa
Jun 2, 2025 â‹… 9 min read
designing llm first products

Designing LLM-first products, not just features

Everyone’s building chat-first AI products. And most of them suck. Here’s how to break the mold and ship LLM-native software that actually solves problems.

Rosario De Chiara
May 30, 2025 â‹… 4 min read
View all posts

One Reply to "Strategies for mitigating prop drilling with React and TypeScript"

  1. Great article! I especially liked solution 5 and have been doing something similar where I spread the prop types of child components across the parent prop types. However I usually just pass all of the props (that were passed to the parent0 to the child and use object destructuring to “select” props. However I like you solution better with Pick as you are only passing the props expected by the component, nothing more.

Leave a Reply