mate-academy / react_list-of-goods

React list of goods

Implement the ability to reorder the goods with the given buttons.

Here is the working version

1. Sort alphabetically button should sort the goods alphabetically.
   • remove is-light class from the button when this order is applied;
2. Sort by length button should sort the goods by length.
   • remove is-light class from the button when this order is applied;
3. Reverse button changes the current order to the opposite one.
   • it should work together with any sorting;
   • remove is-light class from the button when goods are reversed;
   • the second click should show goods in the direct order;
4. Reset button should show the goods in the initial order.
   • it should be visible only if goods are not already in the original order;

Instructions

• Install Prettier Extention and use this VSCode settings to enable format on save.
• Implement a solution following the React task guideline.
• Use the React TypeScript cheat sheet.
• Open one more terminal and run tests with npm test to ensure your solution is correct.
• Replace <your_account> with your Github username in the DEMO LINK and add it to the PR description.

react_list-of-goods's Issues

Если сначала отсортировать, а потом выбрать кол-во букв в селекте, то сортировка сбивается

Если сначала отсортировать, а потом выбрать кол-во букв в селекте, то сортировка сбивается

Originally posted by @earthhuman41 in #131 (comment)