Best Practices for TypeScript Imports
Learn how to write cleaner, more maintainable TypeScript code with better import practices
I'm a full-stack engineer at Stripe, a disc golf enthusiast, and I'm building The Fairway — PDGA rules AI with citations.


Jan 2024 - Present · 2 yrs 9 mos

Apr 2020 - Dec 2023 · 3 yrs 9 mos

May 2019 - April 2020 · 1 yr
From the notebook.
Learn how to write cleaner, more maintainable TypeScript code with better import practices
This blog post shares practical tips for writing readable and maintainable React code. It covers key practices such as limiting the number of props in components, using React Context to avoid prop drilling, employing early returns for cleaner conditional rendering, creating custom hooks to manage state, and avoiding renderSomething methods in favor of functional components. The goal is to help developers write code that is easier to understand and modify, benefiting both current and future developers.
Next.js has evolved from a static rendering React framework to a dynamic full-stack solution, with features like page.ts and loading.ts for server-side rendering and loading states. Using Suspense, developers can show static content while fetching dynamic data, improving user experience and page performance.
What I'm building now.