所有JavaScript框架都必須處理全局狀態(tài)的問題，即在模型更改后更新界面的問題。Redux和MobX是兩個(gè)以各自的方式解決這個(gè)問題的狀態(tài)管理庫。狀態(tài)管理是大型前端應(yīng)用程序中最具挑戰(zhàn)性的問題之一。想對前端有更多的了解，可以參加Web前端培訓(xùn)，可以在短時(shí)間內(nèi)學(xué)有所成，讓你更高效地學(xué)會(huì)使用它們。
盡管有許多技術(shù)可以解決狀態(tài)管理問題，Redux和MobX是用于修復(fù)前端應(yīng)用程序中狀態(tài)管理的兩個(gè)主要外部庫。
什么是Redux?
Redux 是一個(gè)用于狀態(tài)管理的開源JavaScript庫，它與React或Angular等庫一起用于構(gòu)建用戶界面。它融合Facebook的Flux架構(gòu)和受Elm 編程語言影響的函數(shù)式編程概念。
Redux的特點(diǎn)/原理
1.它有一個(gè)單一的事實(shí)來源——它使構(gòu)建通用應(yīng)用程序變得簡單，因?yàn)槟愕姆?wù)器的狀態(tài)可以被序列化并混合到客戶端中，而無需任何額外的編程嘗試。單個(gè)狀態(tài)樹還使調(diào)試或?qū)彶閼?yīng)用程序變得更簡單。
2.它有一個(gè)只讀狀態(tài)——這保證視圖和網(wǎng)絡(luò)回調(diào)都不會(huì)直接寫入狀態(tài)。相反，他們表現(xiàn)出改變狀態(tài)的愿望。由于所有更改都是集中的，并以嚴(yán)格的順序一一發(fā)生，因此無需識別隱藏的競爭因素。
3.純函數(shù)用于進(jìn)行更改 - Reducer 基本上是純函數(shù)，它們在獲取前一個(gè)狀態(tài)和一個(gè)動(dòng)作后返回下一個(gè)狀態(tài)。始終返回新的狀態(tài)對象，而不是修改以前的狀態(tài)。你可以從單個(gè) reducer 開始，隨著應(yīng)用程序的發(fā)展，將其分解為更小的 reducer，以處理狀態(tài)樹的獨(dú)特部分。在Web前端培訓(xùn)中，有很多關(guān)于前端的學(xué)習(xí)和各種技能的使用，全面系統(tǒng)的課程，封閉式學(xué)習(xí)，專業(yè)老師面授指導(dǎo)教學(xué)，可以在學(xué)習(xí)上少走很多彎路。
什么是MobX?
MobX 是一個(gè)強(qiáng)大的庫，它通過透明的函數(shù)式反應(yīng)式編程 (TFRP) 使?fàn)顟B(tài)管理變得簡單而靈活。它基本上是一種狀態(tài)管理解決方案，可以控制應(yīng)用程序內(nèi)部的本地狀態(tài)。
MobX的特點(diǎn)
1.無縫優(yōu)化渲染——在運(yùn)行時(shí)監(jiān)控圍繞數(shù)據(jù)所做的所有更改和使用，創(chuàng)建一個(gè)收集狀態(tài)和性能之間所有關(guān)系的依賴樹。
這可確保你的狀態(tài)相關(guān)計(jì)算(例如 React 組件)僅在完全必要時(shí)運(yùn)行。不應(yīng)該手動(dòng)優(yōu)化易出錯(cuò)和次優(yōu)技術(shù)(如備忘錄和選擇器)的組件。
2.架構(gòu)自由- MobX 是無主見的，它可以幫助你在任何UI框架之外監(jiān)控你的應(yīng)用程序狀態(tài)。這使得代碼解耦，可移植，最重要的是，易于測試。
3.易于使用 - 編寫一個(gè)簡化的、極簡的代碼來傳達(dá)你的目的。不需要專門的工具，反應(yīng)系統(tǒng)能夠檢測你的所有修訂并將它們分發(fā)到需要的地方。
這兩個(gè)庫都用于監(jiān)視 JavaScript 應(yīng)用程序中的狀態(tài)。它們通常不連接到像 React 這樣的庫。它們也可以在其他庫中找到，例如 AngularJs 和 VueJs。但它們與 React 概念很好地結(jié)合在一起。參加Web前端培訓(xùn)是入門學(xué)習(xí)前端的最佳選擇，可以在短時(shí)間內(nèi)盡快掌握微前端的相關(guān)知識，有助于你更好地進(jìn)行開發(fā)工作。
如果你選擇其中一種狀態(tài)管理解決方案，你將不會(huì)面臨供應(yīng)商鎖定。你可以隨時(shí)遷移到不同的狀態(tài)管理解決方案。
Redux 的靈感來自函數(shù)式編程 (FP) 的概念。FP 可以在 JavaScript 中執(zhí)行，但大多數(shù)人來自面向?qū)ο蟮沫h(huán)境，例如 Java，并且從一開始就難以遵循函數(shù)式編程的概念。這可能就是為什么 MobX 作為入門者更容易理解的原因。
由于 Redux 支持函數(shù)式編程，所以它使用純函數(shù)。該函數(shù)獲取輸入，返回輸出，并且除了純函數(shù)之外沒有任何其他依賴項(xiàng)。純函數(shù)通常使用相同的輸入生成相同的輸出并且沒有副作用。
相比之下，MobX 受到面向?qū)ο缶幊桃约绊憫?yīng)式編程的啟發(fā)。它以可觀察的形式涵蓋了你的狀態(tài)。因此，在你的狀態(tài)下，你擁有 Observable 的所有屬性。數(shù)據(jù)可能有簡單的 setter 和 getter，但 observable 允許在數(shù)據(jù)更改后檢索更新。參加Web前端培訓(xùn)是入門學(xué)習(xí)前端的最佳選擇，在短時(shí)間內(nèi)盡快掌握前端的相關(guān)知識，有助于你更好地進(jìn)行開發(fā)工作。