個人愚見:ReduxとMobxの違い

1612 ワード

react.js redux mobx javascript node.js

一.状態管理について
それらはすべて統一的な維持管理の応用状態の能力があります.

              （     store，     ）；
          ，    （   action           ）；
   store React    ， react-redux，mobx-react；          ，   React           ：
        （Container Components）：             ，                 ；
         （Presentation Components）：      ，                ；

二.注目点の違い

1. Redux      Flux       ，   JavaScript ，       ：
     Action：  JavaScript  ，        ，    type   payload  ：
     Reducer：              （action），      ；
     Store：  action reducer       ，        ：
          1>.                （getState()）；
          2>.     action   ，    （dispatch(action)）；
          3>.     store   （subscribe(listener)）；
          4>.        （redux-thunk、redux-saga、redux-promise ）        
2. Mobx                  ，            ，       ：
    Action：           ，        ；
    Store：        （State）   （action）；
    Derivation（  ）：          ，            ，    derivation（  ），          ：
       1>.     ；
       2>.     ,        ：
        Computed Values（   ）：            （pure function）           ；
        Reactions（  ）：                  ，           ；

三.設計思想の違い

Redux              
Mobx                    ，             ，        ，        。

四.store管理の違い

Redux               store ，    
Mobx               store

五.データの可変性の違い

Redux           ，          ，                       ，           
Mobx

六.学習コストについて

Redux    ，    ，    ，  store，  reducer，action，        ，        
Mobx          ，

CKEditor学習ノート2(CKEditor基本配置修正)