Skip to content

Tracks Drills Topics Technologies Tech stacks Skill areas

Tracks Drills Guides

Loading

Aporeon

Technical interview practice, from one developer to another.

Guides About Editorial standards Support Privacy Terms Refund policy

React & Next.js Practical UI Labs

Data & State

Complete data states, request races, optimistic rollback, and URL-synchronized filters.

4 drillsPractice one at a timeOrdered pathCoding problem

Recommended start

URL Filter State

Makes list filters shareable and back-button friendly while resetting pagination deliberately.

Medium~25 minStep 1 of 4

Practice this drill Choose another

Search

4 of 4 shown

1URL Filter StateRecommended startMakes list filters shareable and back-button friendly while resetting pagination deliberately.Coding problemMedium~25 minNext.jsReactTypeScriptPractice 2Data Page StatesUses an explicit state model for initial loading, success, empty, recoverable error, and refetching.Coding problemEasy~15 minNext.jsReactTypeScriptPractice 3Search Race ControlCombines debounce cleanup, AbortController, and request identity to prevent stale search results.Coding problemMedium~25 minNext.jsReactTypeScriptPractice 4Optimistic RollbackApplies an immediate reversible mutation, blocks overlapping writes, and restores the previous state on failure.Coding problemMedium~25 minNext.jsReactTypeScriptPractice

Practice order

4 drillsOne at a time

1URL Filter StateUp next / Medium / ~25 min
2Data Page StatesEasy / ~15 min
3Search Race ControlMedium / ~25 min
4Optimistic RollbackMedium / ~25 min