Writing / Archive

Article archive.

Notes on frontend engineering, interface design, browser behavior, and lessons found while building.

14 entries

  1. Organizing React Apps Around FeaturesUsing feature-oriented organization and dependency rules to keep a React application easy to change.frontendreact
  2. Improving Image CLS and LCP at the SourcePractical techniques for preventing image-related layout shifts, improving LCP, and reducing transfer size.frontend
  3. How Far Should You Style a Scrollbar?How to adjust scrollbars with the standard scrollbar-width and scrollbar-color properties without sacrificing usability.frontend
  4. What Should a Component Test Prove?Using Storybook and Playwright to decide what a component test should actually prove.frontendtesting
  5. Designing for Edge Cases and Smoother CSS AnimationsCollaborating on design edge cases and measuring and improving CSS animation performance.frontendtalk
  6. Understanding Server Actions Through FormsA current look at Server Components, Server Actions, forms, pending UI, optimistic updates, and cache invalidation.frontendtalk
  7. Handling Query Parameters Correctly with URLSearchParamsThe basics of URLSearchParams and how to preserve repeated query parameters when converting from an object.frontendnote
  8. Migrating to Astro 3 Without Breaking View TransitionsNotes on the View Transitions and dark-mode changes I needed when updating this site to Astro 3.frontendastro
  9. How Should a React App Represent Failure?From JavaScript exceptions and React Error Boundaries to typed, recoverable failures.frontendnote
  10. Before You Use input[type=number]When input[type=number] is appropriate, what its semantics imply, and when a text input with inputmode is the better choice.frontendnote
  11. Validating Next.js Boundaries with ZodApplying Zod 4 schemas to query parameters, React Hook Form, and Server Actions in Next.js.frontendzodnextjs
  12. Starting a React Project TodayChoosing a React framework and writing clearer code by removing unnecessary Effects.frontendtalk
  13. Keep React State Where It BelongsUsing declarative UI to keep React state minimal, local, and easy to reason about.frontendreact
  14. Four Design Principles for Building React with AIFour principles for guiding AI toward a consistent frontend codebase: colocation, clear logic boundaries, UI conventions, and useful context.frontendreact