DarinaSavytska/react_list-of-goods

React list of goods

• Replace <your_account> with your Github username in the DEMO LINK
• Follow the React task guideline
• Use React TypeScript cheat sheet

Tasks

1. At first show a button Start on the page
2. After clicking the button show a GoodsList (ul > li) with the given goods and hide the button
3. Add Reverse button to show the goods in reversed order
4. Add Sort alphabetically button to show the goods in alphabetical order
5. Add Reset button to show the goods in the initial order
6. Add Sort by length button to show the goods ordered by name length

(*) Advanced tasks (require understanding of Forms in React)

1. Add <select> with numbers from 1 to 10. (1 is default). All the previous buttons should now show only goods having length >= than the selected value. When you change the value the items should be immediately re-rendered accordingly.
2. Reset button should set the default value to the <select>