Component Hierarchy with Wireframes
-
Root-
AppNavBarMainPageFooter
-
-
NavBar- Components
-
SessionButtonsContainer+SessionButtons+ShoppingCart- State:
session
- State:
-
SearchContainer+Search
-
- Components
Note: All other components are rendered inside of MainPage
-
ProductIndexContainer+ProductIndex- Route:
/#/ - State:
products - Components
-
ProductIndexItem*State:product[:id]
-
- Route:
-
Search Container+SearchForm Splash
-
ProductIndexContainer+ProductIndex- Route:
/#/products - State:
products - Components
-
ProductIndexItem- State:
product[:id]
- State:
-
- Route:
-
SearchContainer+SearchNarrowForm- Route:
/#/products - State:
search
- Route:
-
ProductShowContainer+ProductShow- Route:
/#/product/:productId - State:
product[:id] - Components
-
ProductShowOverview- State:
product[:id]
- State:
-
ProductShowDescription- State:
product[:id]
- State:
-
- Route:
-
ShoppingCartFormContainer+ShoppingCartForm- Route:
/#/product/:productId - State:
product[:id]
- Route:
-
ReviewIndexContainer+Review Index- Route:
/#/product/:productId - State:
product[:id] - Components
-
ReviewIndexItem- State:
product[:id]
- State:
-
- Route:
- 'ReviewFormContainer + ReviewForm
- Route:
/#/product/:productId - State:
product[:id]
- Route:
-
CreateProductContainer+CreateProductForm- Route:
/#/product/new - State:
product - Components
-
AddPhotoComponent- State:
product
- State:
-
- Route:
