React Filterable / Searchable User List

Challenge summary

Derive filtered results without mutating the source array, and show an empty state when no matches exist. Add performance notes (memoization or debouncing), accessibility for filter controls, and tests for empty/error states and large datasets.

What you'll practice

• Render a filter UI and a list of users as the main UI.
• Use a fixed in-memory list of users (name, role, active flag).
• Provide a text input that filters by name (case-insensitive).
• Provide a role dropdown (All, Admin, Editor, Viewer) that filters by role.
• Provide a checkbox that, when checked, shows only active users.

What Premium unlocks

Premium unlocks the runnable workspace, behavioral checks, implementation walkthrough, and edge-case discussion.