Home
DSA
JavaScript
TypeScript
Node.js
React
More↓
14-Day Prep Discord Newsletter Leaderboard

React challenge/medium

Sortable Data Table

Challenge brief

35-45 min

Lists and formsPath 11/21

ListsState & eventsDerived stateAccessibility

Suggested first

Searchable User List

Prerequisites are suggestions only. Every challenge stays open.

Sortable Data Table

Implement sorting for mixed string and number columns.

Requirements

Track the sort key and direction together.
Copy the source array before sorting.
Toggle direction when the active header is clicked.
Default a newly selected column to ascending.
Indicate the active direction visually.

AI challenge coach

Ask for a hint or request a code review.

Try “Give me a hint about the state shape” or submit your current code for review.

Sortable Data Table React Challenge