Reactintermediate

CODING EXERCISE

Build a filter hook

Implement a reusable hook for text search, category filters, and stable sorting.

Requirements

Return the expected value for every provided input.
Keep the solution readable and cover edge cases.
Avoid mutating the input unless the prompt requires it.

Show a hint

Start with the simplest correct solution, then test an empty or minimal input.

local runtime

RUNTIME OUTPUT

Use your React runtime locally, then compare with solution.js.

Use your local runtime, then review the reference solution

A PRACTICAL PLAN

Work through Build a filter hook with intent.

Translate the contract.Turn the requirements into a short checklist before editing your-solution.js.
Use the example as evidence.Predict the result for the supplied input, then add one boundary case such as an empty value, a limit, or unexpected input.
Review the implementation.Compare your choices against solution.js only after a real attempt.

EXERCISE FAQ

Before you move on.

What does “Build a filter hook” teach?

This intermediate React exercise focuses on React. Its requirements define the exact behavior to implement before you write code.

How should I validate this React solution?

Write and compile the starter in your local React environment, exercise the example and edge cases, then compare your approach with solution.js.

When should I open the reference solution?

Attempt Build a filter hook first. Then open the read-only solution file to compare the contract, edge-case handling, and implementation choices—not simply to copy the final code.