In-Class exercise: React Components

1. Create a new React project. Run it in Chrome.
2. In App.js, create global data that is an array of people information:

   	const data = [
   			{
   			  id: 512,
   		 	  name: "Neil Rhodes",
   		 	  email: "rhodes@hmc.edu",
   		 	  phone: "(909) 555-1212"
   		 	},
   			{
   			  id: 787,
   		 	  name: "Barack Obama",
   		 	  email: "ex-prez@whitehouse.gov",
   		 	  phone: "(312) 555-1212"
   		 	}
   		];
   

3. Create one component that is responsible for displaying the people list as a whole, and then a second component that is responsible for displaying each row.

   We're shooting for generating something like:
   

4. Bonus: Display the people as an HTML table, with each person in one row, and each element of a person (name/email/phone) a row.