所有JavaScript框架都必須處理全局狀態的問題，即在模型更改后更新界面的問題。Redux和MobX是兩個以各自的方式解決這個問題的狀態管理庫。狀態管理是大型前端應用程序中最具挑戰性的問題之一。想對前端有更多的了解，可以參加Web前端培訓，可以在短時間內學有所成，讓你更高效地學會使用它們。

　　盡管有許多技術可以解決狀態管理問題，Redux和MobX是用于修復前端應用程序中狀態管理的兩個主要外部庫。

　　什么是Redux?

　　Redux 是一個用于狀態管理的開源JavaScript庫，它與React或Angular等庫一起用于構建用戶界面。它融合Facebook的Flux架構和受Elm 編程語言影響的函數式編程概念。

　　Redux的特點/原理

　　1.它有一個單一的事實來源——它使構建通用應用程序變得簡單，因為你的服務器的狀態可以被序列化并混合到客戶端中，而無需任何額外的編程嘗試。單個狀態樹還使調試或審查應用程序變得更簡單。

　　2.它有一個只讀狀態——這保證視圖和網絡回調都不會直接寫入狀態。相反，他們表現出改變狀態的愿望。由于所有更改都是集中的，并以嚴格的順序一一發生，因此無需識別隱藏的競爭因素。

　　3.純函數用于進行更改 - Reducer 基本上是純函數，它們在獲取前一個狀態和一個動作后返回下一個狀態。始終返回新的狀態對象，而不是修改以前的狀態。你可以從單個 reducer 開始，隨著應用程序的發展，將其分解為更小的 reducer，以處理狀態樹的獨特部分。在Web前端培訓中，有很多關于前端的學習和各種技能的使用，全面系統的課程，封閉式學習，專業老師面授指導教學，可以在學習上少走很多彎路。

　　什么是MobX?

　　MobX 是一個強大的庫，它通過透明的函數式反應式編程 (TFRP) 使狀態管理變得簡單而靈活。它基本上是一種狀態管理解決方案，可以控制應用程序內部的本地狀態。

　　MobX的特點

　　1.無縫優化渲染——在運行時監控圍繞數據所做的所有更改和使用，創建一個收集狀態和性能之間所有關系的依賴樹。

　　這可確保你的狀態相關計算(例如 React 組件)僅在完全必要時運行。不應該手動優化易出錯和次優技術(如備忘錄和選擇器)的組件。

　　2.架構自由- MobX 是無主見的，它可以幫助你在任何UI框架之外監控你的應用程序狀態。這使得代碼解耦，可移植，最重要的是，易于測試。

　　3.易于使用 - 編寫一個簡化的、極簡的代碼來傳達你的目的。不需要專門的工具，反應系統能夠檢測你的所有修訂并將它們分發到需要的地方。

　　這兩個庫都用于監視 JavaScript 應用程序中的狀態。它們通常不連接到像 React 這樣的庫。它們也可以在其他庫中找到，例如 AngularJs 和 VueJs。但它們與 React 概念很好地結合在一起。參加Web前端培訓是入門學習前端的最佳選擇，可以在短時間內盡快掌握微前端的相關知識，有助于你更好地進行開發工作。

　　如果你選擇其中一種狀態管理解決方案，你將不會面臨供應商鎖定。你可以隨時遷移到不同的狀態管理解決方案。

　　Redux 的靈感來自函數式編程 (FP) 的概念。FP 可以在 JavaScript 中執行，但大多數人來自面向對象的環境，例如 Java，并且從一開始就難以遵循函數式編程的概念。這可能就是為什么 MobX 作為入門者更容易理解的原因。

　　由于 Redux 支持函數式編程，所以它使用純函數。該函數獲取輸入，返回輸出，并且除了純函數之外沒有任何其他依賴項。純函數通常使用相同的輸入生成相同的輸出并且沒有副作用。

　　相比之下，MobX 受到面向對象編程以及響應式編程的啟發。它以可觀察的形式涵蓋了你的狀態。因此，在你的狀態下，你擁有 Observable 的所有屬性。數據可能有簡單的 setter 和 getter，但 observable 允許在數據更改后檢索更新。參加Web前端培訓是入門學習前端的最佳選擇，在短時間內盡快掌握前端的相關知識，有助于你更好地進行開發工作。