What React skills does "Build a Data Table" practice?

This challenge practices: useState, useMemo, sorting, filtering, pagination. It is rated hard difficulty and takes approximately 35 minutes.

What are the hints for "Build a Data Table"?

Use useMemo to chain: filter -> sort -> paginate for performance Implement a three-state sort cycle: null -> asc -> desc -> null Reset currentPage to 1 when filter or sort changes

hard35 min

Build a Data Table

Build a data table component with sorting, filtering, and pagination. Clicking a column header should toggle sort direction (ascending/descending/none). A search input should filter rows across all columns. Pagination controls should show page numbers and allow navigation.

Skills

useStateuseMemosortingfilteringpagination

Tests

Renders the first page of data
Sorts by column when clicking a header
Toggles sort direction on repeated clicks
Filters rows across all columns
Pagination navigates between pages

Your Code

Loading editor...