Skip to content

Component Hierarchy

Jump to bottom
ChrisCavs edited this page Jul 6, 2018 · 7 revisions

React Component Hierarchy with Wireframes

Functional Component Hierarchy

  • Root
    • App
      • Header
      • MainPage

Header

  • Header
    • Components:
      • Search
      • RightNav

MainPage

  • MainPage
    • Components:
      • Homepage
      • Feed
      • Profile
      • Story

Homepage

  • Homepage
    • Main Index
    • Popular Index

Feed

  • Feed
    • Components:
      • Feed Title
      • Feed Content

Profile

  • Profile
    • Components
      • Profile Content
      • Main Index (profile container)

Story

  • Story
    • Components:
      • User Item
      • Story Social
      • Story Content
      • Story Comments

Search

  • Search
    • Components:
      • Search Bar
      • Search Dropdown

Modal

  • Modal
    • Components:
      • Modal Content

Clone this wiki locally