Codstak
    • Home
    • DSA
    • JavaScript
    • TypeScript
    • Node.js
    • React
    • More↓
      BlogReact PrepPricingDiscordNewsletterLeaderboard
    React challenge/medium

    Build a Typed Release Explorer

    Challenge workspace

    100-120 min
    Real-world mini-appsPath 28/30
    ListsState & eventsDerived state

    Suggested first

    Repair the Release Review FeedPaginated Gallery

    Your workspace must pass its server-side browser checks to complete this challenge.

    Day 6 — Build a typed release explorer

    Implement filtering and sorting from one canonical data collection.

    Requirements

    • Keep status filtering and sort configuration typed.
    • Derive the rendered rows; do not store a filtered or sorted copy in state.
    • Column controls toggle ascending/descending when selected twice.
    • Preserve stable row identity and display the filtered count.

    Interview review

    • Why does toSorted suit this view better than mutating sort?
    • How would server-side sorting alter this state model?