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
- State
Main Page
Posts
-
PostIndexContainer
+PostIndex
- State:
Posts
,Users
- Components
PostIndexItem
- State:
post
- State:
- State:
-
ProfileIndexContainer
+PostIndex
- State: posts, users
-
Components:
- PostIndexItem
- State:
post
,user[id]
- State:
- PostIndexItem
(same view as dashboard, but with different posts from the redux store)
-
PostShowContainer
+postShow
- State:
post
,User[id]
,drink[id]
,body
,image_url
- State:
Session
*SessionFormContainer
+ SessionForm
-
State:
errors.login