ENGINEERING NOTES
Engineering
Stories about the technology and people building understandable software.
How-to guideHow to Audit an Existing Tailwind and shadcn/ui ScreenFind ownership leaks, raw colors, dynamic classes, and risky shadcn updates, then refactor them safely.ReferenceTailwind and shadcn/ui Maintainability ReferenceQuickly look up ownership, semantic tokens, class rules, the shadcn lifecycle, and verification commands.TutorialBuild a Maintainable Tailwind and shadcn/ui FeatureFollow a guided exercise to build a status panel with existing primitives and semantic tokens.ExplanationTailwind and shadcn/ui Maintainability Starts with OwnershipUnderstand why separating change authority across themes, primitives, compositions, and pages matters more than class count.Engineering articleThe Browser's Main Thread Is ExpensiveExplore frame budgets, task chunking, priorities, and rendering costs on the browser main thread.Engineering articleFrontend Caching StrategiesStudy cache layers, freshness, stampedes, keys, and tag invalidation on the frontend.Engineering articleBuilding Headless React ComponentsSeparate behavior from presentation to design composable headless React components.Engineering articleThinking in React ComponentsUnderstand React's component model through state, data flow, boundaries, and design tensions.Engineering articleHow to Design an AnimationDesign animation with graphs, easing, springs, pipelines, and deterministic randomness.