Drills

Build a cancellable Angular typeahead that cannot show stale results

Builds a debounced typeahead with latest-request semantics, local error recovery, explicit states, and lifecycle-safe subscription ownership.

Coding problemHard

~35 min

Build an accessible rating control for Angular reactive forms

Implements a reusable ControlValueAccessor with model-to-view updates, touch and disabled semantics, keyboard behavior, and validation-friendly accessibility.

AngularRxJSTypeScript

Build an Angular HTTP interceptor with correlation and safe retry rules

Implements a functional interceptor that adds correlation metadata, records timing, and retries only explicitly safe transient requests.

Build a safe Angular service-worker update prompt

Coordinates version-ready events, unsaved-work checks, deferred reload, failure reporting, and one prompt per version without unsafe in-place activation.

Build a signal-driven filtered list with stable row identity

Builds writable and computed signal state for filtering and selection while preserving stable row identity and avoiding effect-driven derivation.

Defer a heavy Angular chart and test every loading state

Builds an interaction-triggered deferrable view with a stable accessible placeholder and deterministic tests for placeholder, loading, error, and completion.

Fix stale OnPush UI updated by a third-party callback

Repairs a stale view by bringing an external callback into explicit Angular state ownership without adding polling or global change detection.

Protect an Angular editor from losing unsaved changes

Builds a typed functional canDeactivate guard and editor contract that protects dirty work until a save has actually succeeded.

Prove an Angular search cannot be overwritten by an older HTTP response

Uses fake time and HttpTestingController to complete requests out of order and prove latest-query state, recovery, and teardown.

Stop a third-party Angular widget from leaking after navigation

Wraps widget creation, listeners, observers, timers, and destruction in one lifecycle boundary and verifies repeated navigation does not accumulate resources.

Test a signal component in production-like zoneless mode

Tests input replacement, DOM events, computed rendering, and stable identity without forcing change detection around missing notifications.

Write a production smoke test for Angular deep links and asset fallbacks

Uses browser and direct HTTP checks to verify nested route entry, reload, base paths, assets, genuine 404s, and API boundaries after deployment.