Planning the application - KatyaHorton/Udacity-MyReads-PROJECT GitHub Wiki

Plan the application:

1. plan Components

  1. Book component
  2. BookShelf component, 3 different props (Names)
  3. SearchList component

2. plan the architecture of application

Structure of a components:

  1. Imports

  2. Component :

  • States

  • Functions

  • Render

  1. Exports

3. plan steps of application

  1. Add ReactRouter to navigate though the page easily (depending on the 'to' we display pages)

  2. Display component as an array from the state (1st move the state there, after that fetch )

  3. Fetch components from API

  4. Depending on states of Book component move Books to the folder accordingly (Bookshelves component has 3 div's, depending on Books component state it moves to different DIV)