Tasks

Hint: pay attention to naming - the file, the component and its props should have names that reflect what they are and what they do.
1. Create a single contact component
2. Create a component for list of contacts
3. ⭐
 Add tags to the contact component
Hint: tags can be stored as an array of strings
4. ⭐
  Mark some contacts as favorites and show them on separate list
Hint: Contact is marked as favorite with a flag (add those flags manually)

Loops in JSX

Stateful components

Last modified 3yr ago

Tasks

1. Create a single contact component

2. Create a component for list of contacts

3. ⭐ Add tags to the contact component

4. ⭐ Mark some contacts as favorites and show them on separate list

3.
⭐
Add tags to the contact component

4.
⭐
Mark some contacts as favorites and show them on separate list