component hierarchy - ntuzer/EvenTide GitHub Wiki

Functional Component Hierarchy

• Root
  • App
    • NavBar
    • MainPage
    • Footer

NavBar

• NavBar
  • Components:
    • SessionButtonContainer & SessionButton
      • State: session

Main Page:

Events

• EventIndexContainer & EventIndex
  • Route: /#/
  • State: events, users
  • Components:
    • EventIndexItem
    • State: events[:id], users[:id]
• EventShowContainer & EventShow
  • Route: /#/events/:id
  • State: events, users
  • Components:
    • EventShow
    • State: events[:id], users[:id]
• EventFormContainer & EventForm
  • Route: /#/events/new & /#/events/:eventId/edit
  • State: errors.eventForm
• EventSearchIndexContainer & EventSearchIndex
  • Route: /#/
  • State: ui
  • Components:
    • EventSearchIndexItem & EventSearchIndex
    • State: none.

Session

• SessionFormContainer & SessionForm
  • Route: /#/login & /#/signup
  • State: errors.login

Users

• UserShowContainer & UserShow
  • Route: /#/users/:id
  • State: events, users
    • Components:
      • UserShow
      • State: events