10Article planned
Async resource explorer
Fetch, search, filter, and inspect remote data while handling cancellation, caching, retries, URL state, and waterfalls.
- Server state
- Caching
- Routing
React · Live coding articles
Learn how to solve the task—not what to memorize.
Ten senior-level walkthroughs covering requirement discovery, state modeling, implementation strategy, accessibility, testing, and the tradeoffs worth explaining while you code.
10explanatory articles
45–60minute interview scope
15steps in every guide
Clarify. Model. Build. Harden. Explain.
Every article begins with an interview-sized solution, then separates production hardening so you can finish under time pressure without ignoring senior-level concerns.
Article roadmap
Ten tasks that expose real engineering judgment
The collection progresses from reusable UI primitives to asynchronous workflows and application-level state.
Your progress0 of 9 articles · 0%
01Available
Accessible autocomplete
Build responsive search suggestions while handling debouncing, stale responses, keyboard selection, and combobox semantics.
- Async state
- Effects
- A11y
02Available
Sortable data table
Model sorting, filtering, row selection, and pagination without duplicating derived state or losing table semantics.
- Derived state
- Composition
- Performance
03Available
Accessible modal dialog
Design a reusable dialog with portals, Escape handling, focus containment, focus restoration, and safe dismissal behavior.
- Portals
- Refs
- Focus
04Available
Reusable tabs
Create controlled and uncontrolled tabs with a composable API, stable relationships, and complete keyboard navigation.
- Composition
- Context
- A11y
05Available
Infinite scrolling feed
Load cursor-based pages without duplicate requests, stale results, missing records, or inaccessible navigation behavior.
- Pagination
- Observer
- Async state
06Available
File explorer tree
Render and update recursive data while preserving expansion state, stable identity, selection, and keyboard navigation.
- Recursion
- Tree state
- Keys
07Available
Toast notification system
Build a provider and Hook API with queues, auto-dismiss timers, exit behavior, deduplication, and live announcements.
- Context
- Reducers
- Timers
08Available
Multi-step form
Coordinate field values, validation, conditional steps, drafts, server errors, and accessible focus management.
- Forms
- State machine
- Validation
09Available
Reorderable list
Implement drag-and-drop and keyboard reordering with immutable updates, optimistic persistence, and stable item identity.
- Pointer events
- Optimistic UI
- A11y