Writing
Notes on component APIs and design systems.
Compound Components in React: A Design System Superpower
Compound Components allow developers to build highly flexible and composable APIs in React. How they unlock scalability for design systems.
UI Logic Should Live in Hooks, Not in JSX
Placing UI logic inside JSX quickly leads to unreadable components. Extracting UI behaviors into custom hooks keeps components clean and declarative.
Slot-Based APIs in React: Designing Flexible and Composable Components
Slot-based APIs give consumers control over what gets rendered where. How I approach building flexible slot-driven components for design systems.
From Component to System: How I Built with Design System Thinking
A page navigation UI with drag and drop, inline add buttons and contextual menus, treated as the foundation of a design system instead of a one-off.