Design a clear component hierarchy.
Component tree:
FeedPage
├── CreatePost
├── FeedList
│ └── FeedItem
│ ├── PostHeader (avatar, name, time)
│ ├── PostContent (text, media)
│ ├── PostStats (likes, comments count)
│ └── PostActions (like, comment, share)
├── LoadingSpinner
└── ErrorBoundary
Design decisions:
- FeedItem is the core reusable unit
- PostContent handles different media types
- ErrorBoundary catches render failures gracefully