Field notes.
Ideas, experiments and lessons from building interfaces that last.
6 articles · Latest first
Polymorphic Components in React with TypeScript
Master the art of polymorphic components in React—an advanced pattern that enables building highly flexible, type-safe component APIs that adapt to any HTML element or React component.
Micro-Frontends: Scaling Teams and Codebases
Learn how to implement micro-frontends using Vite and Module Federation, and why this approach can transform how your frontend team operates.
How to Build a Modern Global Store Using Only React
Learn how to create a lightweight, efficient, and modern global state store with React's built-in hooks—no Redux, Zustand, or Context API required.
Compound Components in React
Compound Components is a powerful React pattern that helps create flexible and maintainable component APIs. Learn how to implement this pattern to build more intuitive and reusable UI components while following React best practices.
Best Practices for More Meaningful Code
Semantic HTML is essential for creating more accessible, well-structured, and maintainable websites. In this article, we'll explore the best practices for using semantic HTML and understand why it's so important in frontend development.
The Key to a Faster, More Engaging Website
Web Vitals are a set of metrics that measure the quality of user experience on the web. They include Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS).