Archive

Every entry.

Frontend engineering, interface design, browser behavior — written down while building, kept in one register.

entries

  1. No.001Organizing React Apps Around FeaturesUsing feature-oriented organization and dependency rules to keep a React application easy to change.frontendreact
  2. No.002Improving Image CLS and LCP at the SourcePractical techniques for preventing image-related layout shifts, improving LCP, and reducing transfer size.frontend
  3. No.003How Far Should You Style a Scrollbar?How to adjust scrollbars with the standard scrollbar-width and scrollbar-color properties without sacrificing usability.frontend
  4. No.004What Should a Component Test Prove?Using Storybook and Playwright to decide what a component test should actually prove.frontendtesting
  5. No.005Designing for Edge Cases and Smoother CSS AnimationsCollaborating on design edge cases and measuring and improving CSS animation performance.frontendtalk
  6. No.006Understanding Server Actions Through FormsA current look at Server Components, Server Actions, forms, pending UI, optimistic updates, and cache invalidation.frontendtalk
  7. No.007Handling Query Parameters Correctly with URLSearchParamsThe basics of URLSearchParams and how to preserve repeated query parameters when converting from an object.frontendnote
  8. No.008Migrating 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. No.009How Should a React App Represent Failure?From JavaScript exceptions and React Error Boundaries to typed, recoverable failures.frontendnote
  10. No.010Before 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. No.011Validating Next.js Boundaries with ZodApplying Zod 4 schemas to query parameters, React Hook Form, and Server Actions in Next.js.frontendzodnextjs
  12. No.012Starting a React Project TodayChoosing a React framework and writing clearer code by removing unnecessary Effects.frontendtalk
  13. No.013Keep React State Where It BelongsUsing declarative UI to keep React state minimal, local, and easy to reason about.frontendreact
  14. No.014Start 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
  15. No.015Turning Fragments into Knowledge Through Writing and SpeakingHow blogging and speaking can turn fragments of experience into connected, reusable knowledge.essay
  16. No.016Four 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
  17. No.017Give 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
  18. No.018Building 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