The book collection body

This body will control the layout of the collection as well as iterate through data and render a single component that you’ll pass data into. For this section, the data is coming from a JSON file with generic data called, books.json in the src/data directory.

The data object looks something like this:

{
  "id": 5,
  "name": "Developing a React.js Edge",
  "cover": "react-edge.jpg",
  "author": "Richard Feldman, Frankie Bagnardi, & Simon Hojberg",
  "details": "Lorem ipsum dolor sit amet..."
}

Create a JSX file called Collection.jsx and place it into the src/components/Collection/ directory. This component will act as our container and contain all child components. The base element in this component is going to be a <div>. Nested inside of that base <div> is going to be another with the class of container. This container class is used to “contain...