Frontend components
Shape props, controlled vs. uncontrolled, slots/children extension points—keep components composable as product churns.
Category · Frontend & UI
Frontend & UI
5 skills Category 9 of 20
This category spans component API surfaces, design tokens and variants, responsive layout and container queries, CSS maintainability, and React state boundaries—mainstream UI engineering. It complements UX & internationalization: implementation and structure here; a11y, Vue, and doc UX there.
In the hub it sits in the “APIs & full-stack” band. The five entries match the main hub.
Quick links
In depth
Design system
Tokens for color, type, spacing; variants aligned with Figma naming; dark mode without one-off magic numbers.
Responsive layout
Mobile-first breakpoints, Grid/Flex, container queries—readable when sidebars collapse; mind touch targets and viewport pitfalls.
CSS architecture
BEM, CSS Modules, Shadow DOM—pick scoping to avoid globals and specificity wars; pair with bundler tree-shaking.
React patterns
Hook deps and stale closures, lifting state vs. Context boundaries, list keys and concurrent caveats—decouple from data-fetching layers.