Component hierarchy - saulack/uisge GitHub Wiki

React Component Hierarchy and Wireframes

Functional Component Hierarchy

  • Root
    • App
      • navBar
      • addBottle
      • MainPage
      • Footer

NavBar

  • Components
    • SessionButtonContainer + SessionButtons
      • State session

Main Page

Posts

  • PostIndexContainer + PostIndex

    • State: Posts, Users
    • Components
      • PostIndexItem
        • State: post

    a

  • ProfileIndexContainer + PostIndex

    • State: posts, users

  • Components:

    • PostIndexItem
      • State: post , user[id]

(same view as dashboard, but with different posts from the redux store)

  • PostShowContainer + postShow

    • State: post , User[id] , drink[id] , body, image_url

Session

*SessionFormContainer + SessionForm

  • State: errors.login