A React app live-coded as part of Launch Academy's intro to React curriculum. The goal is to practice building stateless components, nesting components inside other components, and map-ping over data to create collections of React components.
The App.js top-level component should render a CatSection and a DogSection. It passes down data from the constant data.js. Using this data, use custom section and tile components to render the data. If a pet's "human" is equal to "Nick", make sure to shame him for claiming that he owns a dog by outputting a message underneath the tile for his pet.
Bonus: You should edit the CatSection and DogSection to map over the data coming down through props and return CatTiles or DogTiles respectively.
Bonus refactor: create one AnimalContainer that renders both CatTiles and DogTiles.
To get set up, run the following:
yarn install
yarn start
and navigate to localhost:8080