Component Hierarchy

General

• App
  • Navbar
  • ChannelIndex

Session Form

• SessionFormContainer
  • SessionForm

Sidebar

• Channels
• Direct Messages

Channel Index

• MessageIndexContainer (reusable)
• MessageForm

Message Form

• MessageFormContainer (reusable)
  • MessageForm (reusable)

Messages Index

• MessageIndexContainer (reusable)
  • MessageIndex
    • MessageIndexItem

Direct Message

• MessageIndex (reusable)
• Message Form (reusable)

Teams or multi-person DM

• MessageIndex (reusable)
• Message Form (reusable)

Live chat Channels Direct Message Teams or multi-person DM Bonus: Search Messages Bonus: Notifications