Learn how React works and what you can do with it. Get started with writing and running React code.

React for Front-End Developers

Learn how React works and what you can do with it. Get started with writing and running React code. Get familiar with the intricacies of React. Start making use of the full extent of its capabilities.

The Road to React: The one with Hooks

## Task
The sort feature works, but the ordering only includes one direction. Implement a reverse sort when the button is clicked twice, so it becomes a toggle between normal (ascending) and reverse (descending) sort.

**Optional Hints:**

* Consider that reverse or normal sort could be just another state (e.g. `isReverse`) next to the `sortKey`.
* Set the new state in the `handleSort` handler based on the previous sort.
* Use the new `isReverse` state for sorting the list with the sort function from the dictionary with the optionally applied `reverse()` function from JavaScript arrays.

# Task
The sort feature works, but the ordering only includes one direction. Implement a reverse sort when the button is clicked twice, so it becomes a toggle between normal (ascending) and reverse (descending) sort.

**Optional Hints:**

* Consider that reverse or normal sort could be just another state (e.g. `isReverse`) next to the `sortKey`.
* Set the new state in the `handleSort` handler based on the previous sort.
* Use the new `isReverse` state for sorting the list with the sort function from the dictionary with the optionally applied `reverse()` function from JavaScript arrays.

Try to sort in reverse order in a react app.

Fundamentals of React

React Legacy

Styling in React

React Maintenance

Fun Challenges

Challenge: Reverse Sort

Task