Component Hierarchy - Paul-Ryan/catstarter GitHub Wiki

functional component hierarchy

  • Root
    • App
      • NavBar
      • MainContent - holds all other components

navbar

  • Sign in:
    • SessionButtonContainer + SessionButtons
      • State: session
  • Explore (all projects)
  • Start a project

Home

  • Route: /#/
  • Components:
    • Categories
    • Featured Project
    • New and Noteworthy
    • Recommended
    • ProjectIndexContainer + ProjectIndex

Project Index

  • Route /#/projects
  • State: projects, categories, pledges
  • Components:
    • Category bar
    • Project thumbnail

Show Page

  • Route /#/projects/:projectId
  • State: project, rewards,
  • Components:
    • Project Container
    • Reward Container