/react_dynamic-list-of-goods

Primary LanguageTypeScriptGNU General Public License v3.0GPL-3.0

React dynamic list of goods

Here is the working page

You have 3 button that should load the goods and show them on the page using the GoodsList.

  1. Load All goods should load and show all the goods;
  2. Load 5 first goods should do the next:
    • load all the goods;
    • sort them by name;
    • and show the first 5;
  3. Load red goods should load all the goods show only red ones;
  4. Server has only 1 endpoint returning all the goods, so you should do all the preparations in corresponding methods in /api/goods.
  5. GoodsList is almost finished, you just need to use corresponding colors for lis;

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.