Departures
FE-103CMPGate 04

Components

Boarding

Classify components, centralize usage, remove duplicates — Button and Modal up next.

Components — Key Takeaways

Four categories, five rules, pragmatic migration, and Storybook to close the visibility gap.

  1. 01Sorted, not piled
    • Four categories — Primitive, Complex, Layout, Context-specific
    • Every component has an obvious shelf
    • "Where does this go?" stops being a debate
  2. 02Rules that break duplication
    • Location · responsibilities · composition · naming
    • Check before you create — the one that matters most
    • JSX = display, hooks = logic
  3. 03Migrate where it hurts
    • Refactor for pain, not for fun
    • Already done: VideoThumbnail, Dropdown, PaddedContainer
    • One PR swaps an implementation everywhere
  4. 04Storybook = the catalog
    • One place to see every component and its variants
    • Shared vocabulary with design
    • Makes "check before you create" actually possible

Fewer Legos, better organized — so the next piece you need is already there, and it actually fits.

Jira

Confluence