比Redux更容易上手的狀態管理庫

CNZPH 發布于2019-08-26 12:22 / 569人閱讀

摘要：前言當項目越發復雜時，我們發現僅僅是提升狀態已經無法適應如此復雜的狀態管理了，程序狀態變得比較難同步，操作，到處是回調，發布，訂閱，這意味著我們需要更好的狀態管理方式，于是就引入了狀態管理庫，如，，，等。

前言

當項目越發復雜時，我們發現僅僅是提升狀態已經無法適應如此復雜的狀態管理了，程序狀態變得比較難同步，操作，到處是回調，發布，訂閱，這意味著我們需要更好的狀態管理方式，于是就引入了狀態管理庫，如Redux，Mobx，Jumpsuit，Alt.js等。

Mobx是什么

對于我來說Mobx幾乎和Vue一樣，通過監聽數據的屬性變化，可以通過直接在數據上更改就能觸發UI的渲染，從而做到MVVM、響應式、上手快，Api簡單等等。

安裝 npm install mobx --save

原則

mobx支持單向數據流也就是動作改變狀態，而狀態的改變會更新所有受影響的視圖。如下圖

一個簡單的react+mobx的計算實例

npm install mobx-react --save // 下載mobx
import { observable, action } c // 應用mobx
const counter = {
    state: observable({
        count: 0
    }),
        
    add: action(function() {
        this.state.count ++ 
    })
}
export default counter

// 這時候 counter的結構是這樣的
{
    state: { count: 0 }
    add: function
}

// 現在我們將mobx和react聯系起來；
import { observer } from "mobx-react"
import counter from "./counter"
const CouterView = () => {
return (
    
      { counter.state.count } //這里的count時計數器里的數據
           // 點擊按鈕會把數字加1
        
    )
}

export default observer(CouterView);
// 這樣就實現了一個簡單的mobx的數據管理庫

小結

在mobx中沒有reducer這一層，所以不需要為了action和reducer之間的通信而使代碼高度抽象。
mobx里state的更新是很直觀的，通過賦值行為即可，而不需要dispatch或者setState這樣的方法。

寫的不詳細，如有需要者，請前往官方文檔

GPU云服務器云服務器比深度學習更強容易混淆的問題 webrtc的視頻容易崩潰最容易實現的替換算法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108580.html

我理想中的狀態管理工具

摘要：現已存在許多成熟的狀態管理解決方案，還有基于的但對于我個人來說，理想的狀態管理工具只需同時滿足兩個特點簡單易用，并且適合中大型項目完美地支持要做到這兩點其實并不簡單。所以我決定自己造一個可能是基于和最好的狀態管理工具現已存在許多成熟的狀態管理解決方案：Redux、Mobx、Mobx-state-tree，還有基于 Redux 的 Dva.js、Rematch... 但對于我個人來說，...

roadtogeek 2019-08-23 13:10 評論0 收藏0
React 教程：快速上手指南

摘要：由于其名氣和穩定性獲得了廣泛好評。但是實際上在中并不是非常必要的。因此，這些結果也是純粹的速度實驗。它是否容易使用，開發過程是否令人愉快年和年的狀態報告顯示，和都享有良好的聲譽，大多數開發人員表示會再次使用。上手最簡單和最快的學習曲線。翻譯：瘋狂的技術宅原文：https://www.toptal.com/react/... 本文首發微信公眾號：jingchengyideng歡迎關...

Vultr 2019-08-23 15:31 評論0 收藏0
Byemess-基于React&redux的在線Todo應用

摘要：在線注冊賬號，數據存儲于。年了，還不使用的異步控制體系。過度對數據模型進行裝飾的結果便是高耦合，這跟我初衷是基于在線存儲數據有關。為什么又是Todo，全世界的初學者都在做todo嗎？可能很多人要問這句話，其實這句話可以等同于：為什么你做了個云音樂播放器？為什么你做了個新聞閱讀APP？為什么你做了個VUE/REACT版本的CNODE？究其本質，這幾個應用都是data-map...

MRZYD 2019-08-20 17:07 評論0 收藏0
【譯】Redux 還是 Mobx，讓我來解決你的困惑！

摘要：我現在寫的這些是為了解決和這兩個狀態管理庫之間的困惑。這甚至是危險的，因為這部分人將無法體驗和這些庫所要解決的問題。這肯定是要第一時間解決的問題。函數式編程是不斷上升的范式，但對于大部分開發者來說是新奇的。規模持續增長的應原文地址：Redux or MobX: An attempt to dissolve the Confusion 原文作者：rwieruch 我在去年大量的使用...

txgcwm 2019-08-22 11:06 評論0 收藏0
react+react-router4+redux最新版構建分享

摘要：相關配置請參考中文文檔。關于的更多使用方法及理解需要詳細具體講解，涉及篇幅較大，本文暫不涉及，有興趣可以看文檔中文文檔，我會整理后再單獨章節分享接下來我們將編寫路由組件這與有一些差別，原來的方法已經不再使用，在中或組件從中引入。 ??????相信很多剛入坑React的小伙伴們有一個同樣的疑惑，由于React相關庫不斷的再進行版本迭代，網上很多以前的技術分享變得不再適用。比如react-...

weapon 2019-08-21 11:53 評論0 收藏0