- Replace
<your_account>
with your Github username in the DEMO LINK - Follow the React task guideline
Import todos
and users
, add a user to each todo and render them in the
list.
- Create a
preparedTodos
array basing ontodos
. Each prepared todo should have auser
property with a link to a user fromusers
array ornull
if we can't find a use byuserId
. It should be stored in theApp
. - Create a
TodoList
component accepting an array ofpreparedTodos
and rendering them as a list - Create a
UserInfo
component accepting auser
object and use it to render atodo.user
in the list with some styling. (Show at least aname
and anemail
of theuser
) - Create a
TodoInfo
component accepting atodo
object and use it in the list to rendertitle
,completed
status andUser
Hint: You can add only the props you use to the User
interface. Todo
interface should have a user
property that could be a User
or null
.