React Component Hierarchy with Wireframes

Functional Component Hierarchy

• Root
  • App
    • Sign Up / Sign In
    • Home Page
    • Chat Server

Sign In / Sign Up

• Sign Up / Sign In
  • Form

Home

• Home
  • Server List
  • Friend List
  • Search Friends
  • Online Friends
  • News Stories
  • Current User

Chat Server

• Chat Server
  • Server List
  • Channel List
  • Server / Channel Header
  • Chat Feed / Form
  • Server Member List
  • Search Members
  • Current User