/react_static-list-of-todos-js

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

React Static List of TODOs

You are given todosFromServer and usersFromServer arrays with the required data.

Also each todo in the todos array has corresponding user attached (see the App.jsx).

Split the given App markup into component following the rules:

  • don't change CSS class names, they are used in tests;
  • TodoList takes the todos and renders one TodoInfo per a todo;
  • TodoInfo takes a todo and renders its details;
  • make sure that the TodoInfo has a TodoInfo--completed modifier for all completed todos;
  • UserInfo takes a user and renders the details (use it only if todo.user exists).

Instructions

  • Implement a solution following the React task guideline.
  • 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.