- Replace
<your_account>
with your Github username in the DEMO LINK - Follow the React task guideline
- Use React TypeScript cheat sheet
- At first show a button
Start
on the page - After clicking the button show a
GoodsList
(ul > li) with the given goods and hide the button - Add
Reverse
button to show the goods in reversed order - Add
Sort alphabetically
button to show the goods in alphabetical order - Add
Reset
button to show the goods in the initial order - Add
Sort by length
button to show the goods ordered by name length
- 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. Reset
button should set the default value to the<select>