jongminchungtech
KO
FE

Frontend

Frontend documentation that explains practical standards for implementing and validating React components, design systems, browser performance, and maintainability boundaries.

Testing and Quality

Build Meaningful Visual Regression Tests with PlaywrightCombine user contracts, deterministic rendering, and baseline review to build trustworthy Playwright visual regression tests.

React and UI Architecture

Building Headless React ComponentsSeparate behavior from presentation to design composable headless React components.Thinking in React ComponentsUnderstand React's component model through state, data flow, boundaries, and design tensions.

Performance and Interaction

Frontend Caching StrategiesStudy cache layers, freshness, stampedes, keys, and tag invalidation on the frontend.How to Design an AnimationDesign animation with graphs, easing, springs, pipelines, and deterministic randomness.Modeling Series: View ModelsModel presentation requirements explicitly with a table-oriented view model.The Browser's Main Thread Is ExpensiveExplore frame budgets, task chunking, priorities, and rendering costs on the browser main thread.

Tailwind and shadcn/ui Maintainability

Tailwind and shadcn/ui Maintainability Starts with OwnershipUnderstand why separating change authority across themes, primitives, compositions, and pages matters more than class count.Build a Maintainable Tailwind and shadcn/ui FeatureFollow a guided exercise to build a status panel with existing primitives and semantic tokens.How to Audit an Existing Tailwind and shadcn/ui ScreenFind ownership leaks, raw colors, dynamic classes, and risky shadcn updates, then refactor them safely.Tailwind and shadcn/ui Maintainability ReferenceQuickly look up ownership, semantic tokens, class rules, the shadcn lifecycle, and verification commands.