Intermediate everything in Design & UX, page 5
Bundling a library for tree-shaking and multiple formats
Externalize peers, emit ESM and CJS, preserve modules for tree-shaking, set sideEffects false, ship types.
Releasing a breaking change without forcing upgrades
Ship a major bump, keep the old major published, document migration, automate with Changesets.
Monorepo vs polyrepo for a design system
Atomic cross-package changes and shared tooling versus build orchestration, caching, and versioning complexity.
Documenting component anti-patterns and don'ts
Paired do/don't examples, explain the why, enforce with lint rules.
Auto-generating component API docs from source
Extract types via react-docgen-typescript, surface in Storybook ArgsTable, enrich with JSDoc.
The slots pattern for a PageLayout component
Slots are named insertion points so a layout owns structure while consumers fill header, sidebar, and main, via named props or compound subcomponents.
Decoupling Form state from its Field components
Form holds values, errors, and status in context, Fields self-register and read/write via a hook, validation composes per field.
Designing a Modal with controlled open state
Parent owns isOpen and onClose, portal renders content with focus trap, children for static content, render prop when content needs modal state.
Choosing a spacing scale for a design system
A numeric base-grid gives predictable math, semantic t-shirt names give readable intent, often combine them.
Component Stability Index
A component stability index is a maturity signal that tells consumers how safe a design-system component is to use, from experimental to stable to deprecated, setting expectations about API churn and supporting confident adoption decisions.
Automated Release Pipeline
An automated release pipeline turns merged design-system changes into published, versioned packages without manual steps, using semantic versioning and changelogs so consumers can upgrade safely and the team ships small changes frequently and reliably.
Design a personalized ad copy pipeline
Identify sources, choose batch versus streaming, generate and deliver copy via APIs.
Track scroll depth: Intersection Observer vs scroll events
Place sentinels at depth thresholds and fire once via Intersection Observer, off the main thread; scroll listeners fire constantly and need throttling.
Measure active engagement time accurately
Accumulate time only while the tab is visible and the user active, via Page Visibility and activity events; flush with sendBeacon on unload.
Automatically moderate user-generated ad copy
A layered pipeline of fast keyword/regex filters plus an ML text classifier, with human review for borderline cases.
Explain TF-IDF and its use in SEO analysis
Term frequency times inverse document frequency surfaces distinctive terms; comparing a draft to top-ranking pages reveals missing topical terms.
Data model for an editorial calendar
A content entity with publish_date and a status enum, a foreign key to authors, indexes on date and status.
Structuring color tokens for a new app
Primitive palette, semantic role tokens, optional component tokens, theming benefit.
A simple automatable metric for dev-time savings
Component coverage or cycle time, gathered automatically, compared across adoption levels.
Framework-agnostic components across React, Vue, Angular
Web components for one core, framework wrappers for ergonomics, codegen as an alternative, with their costs.
We are hiring for this. Every open role lists the topics its interview covers, so you can prepare for the real thing rather than guessing.
See open roles