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;
TodoListtakes thetodosand renders oneTodoInfoper atodo;TodoInfotakes atodoand renders its details;- make sure that the
TodoInfohas aTodoInfo--completedmodifier for all completed todos; UserInfotakes auserand renders the details (use it only iftodo.userexists).
- Install Prettier Extention and use this VSCode settings to enable format on save.
- Implement a solution following the React task guideline.
- Open one more terminal and run tests with
npm testto ensure your solution is correct. - Replace
<your_account>with your Github username in the DEMO LINK and add it to the PR description.