天天看點

MobX 簡單、可擴充的狀态管理React 狀态管理庫: Mobx

https://cn.mobx.js.org/

MobX 簡單、可擴充的狀态管理React 狀态管理庫: Mobx

React 狀态管理庫: Mobx

https://segmentfault.com/a/1190000010084073

React 是一個專注于視圖層的庫。React 維護了狀态到視圖的映射關系,開發者隻需關心狀态即可,由 React 來操控視圖。

在小型應用中,單獨使用 React 是沒什麼問題的。但在複雜應用中,容易碰到一些狀态管理方面的問題,如:

  • React 隻提供了在内部元件修改狀态的接口 

    setState

    。導緻資料、業務邏輯和視圖層耦合在元件内部,不利于擴充和維護。
  • React 應用即一顆元件樹。兄弟節點,或者不在同一樹杈的節點之間的狀态同步是非常麻煩。
  • 關心性能的情況下,需要手動設定 

    shouldComponentUpdate

這時就需要引入狀态管理庫。現在常用的狀态管理庫有 Mobx 和 Redux,本文會重點介紹 Mobx,然後會将 Mobx 和 Redux 進行對比,最後展望下未來的 React 狀态管理方面趨勢。

... ...