[前端] 元件設計模式

用上帝視角來看待元件的設計模式
https://juejin.im/post/5bd91f61e51d4568630478a6

容器組件（Container）陣營
1.代表結構：我只關心事情如何運作的，而不關心它是如何表現的
2.無樣式：我這裡除了一些包裝div，基本沒有其他標籤，並且從不具有任何樣式
3.有狀態：我掌握著核心資料，剩下的事情你們去做
4.通常由其他組件生成：我們通常代表更高等的智慧（一般使用更高階的元件生成）
5.代表人物：各種Page頁面，路由頁面

展示組件（Components）陣營
1.代表渲染：關注事物的外觀
2.有樣式：基本上dom的渲染和樣式這些髒活累活都在這裡幹
3.強調獨立（很重要）： 我們彼此分工明確，不依賴于應用程式的其餘部分（例如Flux操作或Store）
4.不關心資料：我們不關心資料怎麼產生的，不要在我們這裡指定資料的載入方式或變更方式
5.接受傳回指令：僅通過props接收資料和回檔
6.弱狀態：我們基本不需要有自己的狀態（當我們這樣做時，它是UI狀態而不是資料）
7.代表人物：Search，SiderBar，UserList，Pagintation


#元件設計, 容器元件, 展示元件, Container, Components