Writing / Archive

Article archive.

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

18 entries

  1. Building Products with AI: From Questions to Pull RequestsA practical workflow for refining product decisions with AI, keeping Issues small, and reviewing code, documentation, and behavior as one system.developmentai
  2. Give Every Tool a Role: My 2026 Development EnvironmentA look at my current development environment and how I choose tools, with a focus on security, clear responsibilities, and minimal configuration.development
  3. 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
  4. Turning Fragments into Knowledge Through Writing and SpeakingHow blogging and speaking can turn fragments of experience into connected, reusable knowledge.essay
  5. Start with Bad CodeWhy starting with a large React component can be safer than splitting too early, and how to decide when an abstraction has earned its place.poem
  6. Keep React State Where It BelongsUsing declarative UI to keep React state minimal, local, and easy to reason about.frontendreact
  7. Starting a React Project TodayChoosing a React framework and writing clearer code by removing unnecessary Effects.frontendtalk
  8. Validating Next.js Boundaries with ZodApplying Zod 4 schemas to query parameters, React Hook Form, and Server Actions in Next.js.frontendzodnextjs
  9. 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
  10. How Should a React App Represent Failure?From JavaScript exceptions and React Error Boundaries to typed, recoverable failures.frontendnote
  11. 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
  12. Handling Query Parameters Correctly with URLSearchParamsThe basics of URLSearchParams and how to preserve repeated query parameters when converting from an object.frontendnote
  13. Understanding Server Actions Through FormsA current look at Server Components, Server Actions, forms, pending UI, optimistic updates, and cache invalidation.frontendtalk
  14. Designing for Edge Cases and Smoother CSS AnimationsCollaborating on design edge cases and measuring and improving CSS animation performance.frontendtalk
  15. What Should a Component Test Prove?Using Storybook and Playwright to decide what a component test should actually prove.frontendtesting
  16. How Far Should You Style a Scrollbar?How to adjust scrollbars with the standard scrollbar-width and scrollbar-color properties without sacrificing usability.frontend
  17. Improving Image CLS and LCP at the SourcePractical techniques for preventing image-related layout shifts, improving LCP, and reducing transfer size.frontend
  18. Organizing React Apps Around FeaturesUsing feature-oriented organization and dependency rules to keep a React application easy to change.frontendreact