Component Hierarchy

React Component Hierarchy

Functional Component Hierarchy

• Root
  • App
    • NavBar
    • MainPage
    • Footer

NavBar

• NavBar
  • SearchBarContainer + SearchBar
  • UserButtonsContainer + UserButtons
    • State: CurrentUser

Reviews

• ReviewIndexContainer + ReviewIndex
  • Route: '/#/biz/:id'
    • State: reviews, users, business
• ReviewFormContainer + ReviewForm
  • Route: 'reviews/write_review'
    • State: reviews[:id], user[:id]

Search Result page

• SearchIndexContainer + SearchIndex
  • Route: '/#/search'
    • State : search

Business

• BusinessFormContainer + BusinessForm
  • Route: '/biz/{biz}'
    • State: business[:id]
• BusinessShowContainer + BusinessShow
  • Route: '/biz/{biz}'
    • State: business[:id], users, reviews

Session

• SessionFormContainer + SessionForm
  • Route: /login + /signup