Component Hierarchy

Jump to bottom

Christopher Lee edited this page Dec 27, 2017 · 16 revisions

αperture Component Hierarchy

General

Root
- App
  - Navbar
  - Main
  - Footer

Navbar

Navbar
- Components
  - NavSessionContainer
  - NavSession
  - State: session

Session

Session
- SessionFormContainer
- SessionForm
- Routes: /#/login, /#/signup

Users

Home
- Route: /
- State: session
- Components
  - PhotoIndexContainer + PhotoIndex (for MainPage/Discover)
UserProfileContainer + UserProfile
- Route: /:username
- State: session + user
- Components
  - UserProfile
  - PhotoIndexContainer + PhotoIndex (for profile page images)

Photos

PhotoIndexContainer + PhotoIndex
- State: photos
PhotoItemContainer + PhotoItem
- State: photos
- Route: /#/photos/:id

Upload Form

UploadFormContainer + UploadForm
- State: photo
- Route: /#/:username/upload