-
Notifications
You must be signed in to change notification settings - Fork 0
Component Hierarchy
Matt Ha edited this page Jan 30, 2018
·
18 revisions
- App
NavigationBar-
Main- All components will be nested here.
-
NavigationBarContainer,NavBar- State:
session
- State:
- Components
SearchBar-
NavigationMenu- Will hold links to menu items.
-
SessionFormContainer,SessionForm- Route:
/#/signinand/#/signup - State:
errors.session
- Route:
-
PostIndexContainer- Route:
#/posts - State:
posts
- Route:
- Components:
-
PostList- Renders main feed of
Posts
- Renders main feed of
-
ProfileSidebar-
UserHeader- Will be using boolean
main: falseto render mainUserHeaderin User Show screen
- Will be using boolean
GeneralFooter
-
-
-
UserShowContainer- Route:
#/users/:userId - State:
users[:id],posts
- Route:
-
UserHeader- Renders
Userinformation
- Renders
-
PostGrid- Renders feed of user
Posts
- Renders feed of user
Footer
-
UserIndexContainer,PostsIndexContainer- Route:
#/posts,#/users - State:
users,posts
- Route:
- Components:
-
DiscoverPeopleBar- Renders people that user does not follow (will base on mutual follows)
-
PostsList- Will use
explore: trueboolean andtype: gridboolean props to render trending posts in a grid view
- Will use
Footer
-
-
PostsIndexContainer- Route:
#/posts - State:
posts
- Route:
- Components
PostsListFooter
-
UserEditContainer- Route: /#/users/:userId/edit
- State:
users[:id]
- Components
EditUserSidebar-
EditUserForm- Route: /#/users/:userId/edit
- State: users[:id]
Footer