jeffwen.hashnode.devMastering TypeScript's infer Keyword: A Complete Guide with Step-by-Step ExamplesLearn how to harness the power of TypeScript's type inference to create flexible, reusable type utilities 馃幆 What is the infer Keyword? The infer keyword is TypeScript's powerful type inference mechanism that allows you to extract and capture types f...Dec 20, 2025路26 min read
jeffwen.hashnode.devMastering useSyncExternalStore: A Complete Guide with Real-World ExamplesLearn how to use React's powerful hook for syncing external data sources with practical, step-by-step examples What is useSyncExternalStore? useSyncExternalStore is a React hook introduced in React 18 that allows you to subscribe to external data sou...Dec 18, 2025路14 min read
jeffwen.hashnode.devUnderstanding React Suspense: A Practical Guide with Code ExamplesReact Suspense revolutionizes how we handle loading states in our applications. Instead of manually managing loading states with useState and useEffect, Suspense allows React to handle loading states automatically. In this article, I'll walk you thro...Dec 17, 2025路7 min read
jeffwen.hashnode.devReact Event Handling Done Right & Optimizing PerformanceIn React functional components, how should you pass arguments to event handlers? Why is onClick={handleClick(id)} a common pitfall? And how can you avoid unnecessary re-renders in lists? This post walks you through correct patterns, performance pitfa...Dec 15, 2025路5 min read
jeffwy.hashnode.devGetting Started with Medusa.js: Set Up Your StoreTired of being locked into Shopify鈥檚 themes and fees?Want full control over your e-commerce logic鈥攚ithout rebuilding everything from scratch? Enter Medusa.js: an open-source, headless commerce engine that gives you the flexibility of custom code with...Dec 15, 2025路3 min read