book-list/src/index.js
/**
 * return single element
 * div / section / acticle or Fragment
 * use camelCase for html attributes
 * className instead of class
 * close every element
 * formatting
 */
return single element
div / section / acticle or Fragment
use camelCase for html attributes
className instead of class
close every element
formatting
return single element div / section / acticle or Fragment use camelCase for html attributes className instead of class close every element formatting
function BookList() {
  return (
    <section className="booklist">
      {books.map((book) => {
        const { id, img, title, author } = book;
        return <Book key={book.id} {...book} />;
      })}
    </section>
  );
}
function BookList ( ) { return ( < section className = "booklist" > { books . map ( ( book ) => { const { id , img , title , author } = book ; return < Book key = { book . id } { ... book } / > ; } ) } < / section > ) ; }
return single element
 div / section / acticle or Fragment
 use camelCase for html attributes
 className instead of class
 close every element
 formatting
return single element div / section / acticle or Fragment use camelCase for html attributes className instead of class close every element formatting