first-react-app.md

Code-along Demo app

Build a landing page about yourself

• Name
• Greeting
• Favorite Things list

---

Student Exercise App

Create three components - SportTeam, Welcome, Players

• SportTeam - display the name of your favorite team, the location and their venue
• Welcome - generic welcome message to fans
• Players - list the top 5 player names in an ordered list

const alexHobbies = ["dancing", "making YouTube videos", "fishing"];
const joseHobbies = ["travel", "eating burgers", "skiiing"];
const framerberHobbies = ["hunting wabbits", "Sunshine Kids volunteer", "grilling"];
const yordanHobbies = []
const jeremyHobbies = []

export const playerData = [
  { id: 1, firstName: "Alex", lastName: "Bregman", hobbies: alexHobbies, jerseyNumber: 2 },
  { id: 4, firstName: "Yordan", lastName: "Alvarez", hobbies: yordanHobbies, jerseyNumber: 44 },
  { id: 3, firstName: "Jose", lastName: "Altuve", hobbies: joseHobbies, jerseyNumber: 27 },
  { id: 5, firstName: "Framber", lastName: "Valdez", hobbies: framerberHobbies, jerseyNumber: 59 },  
  { id: 2, firstName: "Jeremy", lastName: "Pena", hobbies: jeremyHobbies, jerseyNumber: 3 },
]