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 thetodos
and renders oneTodoInfo
per atodo
;TodoInfo
takes atodo
and renders its details;- make sure that the
TodoInfo
has aTodoInfo--completed
modifier for all completed todos; UserInfo
takes auser
and renders the details (use it only iftodo.user
exists).
- 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 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.