yatania / react_static-list-of-todos

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React static list of TODOs

Task

By using todos.js and users.js as modules to your React application, create and display a list of all the TODO items. Alongside each item display information about the user it belongs to.

  1. Create a preparedTodos array of todos with a user property added to each todo. Place it in the App.js
  2. Create a component TodoList accepting an array of preparedTodos and displaying them as a list
  3. Create a component Todo accepting a todo object and displaying its title, completed status and User
  4. Create a component User accepting a user object and displaying its name with some styling

About


Languages

Language:JavaScript 99.1%Language:HTML 0.8%Language:SCSS 0.1%