tag mobx

標籤
貢獻14
65
05:04 PM · Nov 03 ,2025
tianmiaogongzuoshi_5ca47d59bef41 頭像 sadhuji 頭像 kasong 頭像 gocoding 頭像 liberhome 頭像 joyerli 頭像 smile1213 頭像 tosmile 頭像 hbp 頭像 b4rp4uqy 頭像 leapfe 頭像 donglegend 頭像

@mobx / 博客 RSS 訂閱

leapfe 頭像

LeapFE - mobx源碼解讀—— autorun 與 observable

第一次閲讀源碼，可能有理解的不太正確的地方希望大佬們能幫我糾正。開始看的是6，後來看到observable發現和5的差距還是有一點的，所以在所以“autorun”的部分可能會有6的源碼，但差距並不大。 1.mobx的基本概念 Observable 被觀察者 Observer 觀察 Reaction 響應 var student = mobx.observable({ name: '張三',

mobx , 前端 , Javascript

收藏 評論

zhedan_sam_wan9 頭像

折丹 - React狀態管理庫現狀

狀態管理的產生 為什麼需要狀態管理 狀態管理伴隨着現代前端框架的崛起而誕生，在經典的單頁應用中，組件內部狀態隨着組件的掛載而產生，銷燬而銷燬，全局狀態則隨着應用掛載而一直存在，這時候，全局狀態的共享，傳遞，變更就被抽離出來成了一個通用的解決方案。 Vue與React都有較為簡單的全局狀態管理策略（Store模式，Context），但是當應用足夠複雜，全局狀態較多的時候，還是需要第

react , mobx , redux

收藏 評論

kasong 頭像

卡頌 - 對於“前端狀態”相關問題，如何思考比較全面

大家好，我卡頌。 最近看到個寫得很不錯的知乎回答Hooks是否過譽了？前端應該跟着React走還是跟着JS、TS走？- beeplin的回答。 在這個回答的基礎上，我想引申出一個問題 —— 對於前端狀態相關問題，如何思考比較全面？ 今天，我們試着從多個抽象層級的角度回答這個問題。 歡迎加入人類高質量前端框架羣，帶飛 問題的起源 有相當比例的前端從業者入行是從學習前端框架的使用開始的。換言之，在他們

react , vue.js , mobx , redux , 前端

收藏 評論

sadhuji 頭像

Sadhu - 從 MVC 到 Flux，從 Redux 到 Mobx

前端狀態管理的工具庫紛雜，在開啓一個新項目的時候不禁讓人糾結，該用哪個？其實每個都能達到我的目的，我們想要的無非就是管理好系統內的狀態，使代碼利於維護和拓展，儘可能降低系統的複雜度。 使用 Vue 的同學可能更願意相信其官方的生態，直接上 vuex/pinia，不用過多糾結。由於我平常使用 React 較多，故就當前應用較廣泛的 Redux、Mobx 倆工具庫為例，研讀了一番，記錄下自己的一些閒言

flux , mobx , redux , mvc , 前端

收藏 評論

gocoding 頭像

GoCoding - Flutter ncnn 使用

Flutter 實現手機端 App，如果想利用 AI 模型添加新穎的功能，那麼 ncnn 就是一種可考慮的手機端推理模型的框架。 本文即是 Flutter 上使用 ncnn 做模型推理的實踐分享。有如下內容： ncnn 體驗：環境準備、模型轉換及測試 Flutter 項目體驗： 本文 demo_ncnn 體驗 Flutter 項目實現 創建 FFI plugin，實現 d

yolo , mobx , Android , flutter

收藏 評論

tianmiaogongzuoshi_5ca47d59bef41 頭像

天渺工作室 - 在 “tsconfig“ 或 “jsconfig“ 中設置 “experimentalDecorators“ 選項以刪除此警告

在react中引入mobx，vscode提示對修飾器的實驗支持功能在將來的版本中可能更改。在 “tsconfig“ 或 “jsconfig“ 中設置 “experimentalDecorators“ 選項以刪除此警告 設置一下vscode配置就行。 window系統: 1.vscode左下角齒輪設置 = 設置 2.搜索experimentalDecorators 3.勾

mobx--react , mobx

收藏 評論

whyhw 頭像

yomua - Mobx學習

Preface MobX 已經存在 6.0 版本 相較於 5.0 版本，6.0 將默認禁用 5.0 版本的 decorate，它將使用新的 API 去替代 decorate. 參見：MobX EN 6.X 如果你想從 MobX 4.x/5.x 版本遷移到 6.x 版本…唔，我知道這在大型項目中很困難，所以我們提供了一個解決方法：MobX 6.x 版本（它在這段：M

mobx , 前端 , Javascript

收藏 評論

tianmiaogongzuoshi_5ca47d59bef41 頭像

天渺工作室 - react-mobx6+使用案例

​ PS:mobx6版本以後官方不建議使用@observable裝飾器了 可看官方案例 https://mobx.js.org/the-gist-of-mobx.html 腳手架 create-react-app 一、安裝 //npm yarn 隨需求，儘量不要混用，混用有些資源可能會出現掉包 yarn add mobx yarn add mobx-react // 版本號

react , mobx--react , mobx

收藏 評論

donglegend 頭像

donglegend - 大型項目數據狀態管理摸索

講一個悲傷的故事 本來這篇文章應該是上週寫完的。 故事發生在一週前，我在segmentfault在線編輯文章，寫了差不多兩個小時，在貼了一張圖片失敗之後，然後ctrl+z撤銷了一步，結果整個文檔被瞬間清空了，編輯器還自動保存了清空態。 這一刻，有點心涼，彷彿突然被澆了一桶冷水。 第一時間，打開瀏覽器控制枱，去翻緩存，結果localStorage裏面空空如也，當時就感覺希望不大了，幻想着他們服務端能

react , vue.js , mobx , redux

收藏 評論

gocoding 頭像

GoCoding - React MobX 開始

MobX 用於狀態管理，簡單高效。本文將於 React 上介紹如何開始，包括了： 瞭解 MobX 概念 從零準備 React 應用 MobX React.FC 寫法 MobX React.Component 寫法 可以在線體驗： https://ikuokuo.github.io/sta... ，代碼見： https://github.com/ikuokuo/st... 。 概念 首先

react , antd , mobx

收藏 評論

liberhome 頭像

LiberHome - bug solved | This experimental syntax requires enabling xxx

另外，這倆問題是我在mobx中使用ES7裝飾器語法用到的，用普通的ES6語法是不會碰到這樣的問題，嫌麻煩也可以不用裝飾器語法，奈何我對這種看上去像Spring註釋的語法垂涎已久。 bug1 Experimental support for decorators is a feature that is subject to change in a future release. Set the

mobx

收藏 評論

kasong 頭像

卡頌 - 組長讓我把所有state都放Redux裏

大家好，我是卡頌。 在我們React進階源碼羣裏，除了React外，狀態管理是最常討論的話題。 詭異的是，有多個羣友説過類似的話： 他的同事/組長/領導...讓他把所有state都放在Redux/Mobx...裏 他們覺得不對，又不知道如何反駁。 今天我們來聊聊Redux、Mobx等狀態管理庫和React、Vue等視圖庫之間的關係，希望能解決以上困惑。 產品的核心競爭力 如果你在電梯裏遇到大領導

react , vue.js , mobx , redux , 前端

收藏 評論

sadhuji 頭像

Sadhu - Mobx 源碼與設計思想

Proxy 攔截方式 Mobx 暴露的攔截的 API 有多種，概括來説可以分為裝飾器式和基於 observable 方法調用。 裝飾器 對裝飾器不太明白的同學，可以見我以往一篇文章：裝飾器原理探究 ，通過分析轉譯後的 ES 代碼得出裝飾器的行為。 由於裝飾器在 ES 裏還處於提案中且各階段的裝飾器行為不一致，故 mobx 6.x 起就淘汰了裝飾器的寫法（也可以手動開啓），本文的源碼分析基於 mob

react , 狀態管理 , mobx , 源碼分析 , 前端

收藏 評論

tianmiaogongzuoshi_5ca47d59bef41 頭像

天渺工作室 - mobx數據變了，視圖沒變,mobx6的用法

​ 在react中使用react-mobx的情況下,數據已經被action 改變了,但是視圖層 沒有隨之改變 如果mobx的版本大於6 "mobx": "^6.3.2", "mobx-react": "^7.2.0" 切記添加 makeObservable 初始化項目 import { observable, action, computed, makeObservable } from

mobx--react , mobx

收藏 評論

b4rp4uqy 頭像

遇見同學 - 從源碼分析Redux 和 Mobx 那個更優美 ，一起探索誰絲滑！

前言 探索Redux 和 Mobx 原理從我做起，從這篇文章看起！ 所以 一位程序員的職業生涯大約十年，只有人壽命的十分之一。前端項目只是你生活工作的一部分，而你卻是它的全部，你是他的靈魂。請放下長時間的遊戲、工作時的摸魚。多學習來以最完美的狀態好好陪你項目！ 正文 這篇文章將會詳細分析 Redux 和 Mobx 核心 Api, 看一遍學不會就看兩次、三次、手寫一次！ 知識點 Redux 基本

mobx , redux , 前端 , Javascript

收藏 評論

hbp 頭像

xh4722 - Mobx autorun 原理解析

本次分享主題為 "mobx autorun" 原理解析，主要分為以下幾個部分： - 分析 "autorun" 的使用方式； - 對比 "autorun" 與“發佈訂閲模式”的異同； - 實現 "autorun" 函數； 通過從0到1實現 autorun 函數以後，你可以瞭解以下知識： autorun 與可觀察對象的協作過程； 為什麼使用 autorun 的時候，所提供的函數會立即執行一次？

mobx , 前端 , Javascript

收藏 評論

tosmile 頭像

浪遏飛舟 - 彙總mobx奇淫技巧

簡化action屬性更新 通常情況下，store中會有很多屬性，其中有些屬性更新會很頻繁，每一個屬性都需要寫一個action函數去更新，當這種需要變更的屬性越多時，會導致store中代碼量異常的龐大，可讀性也會降低。就如下面代碼一樣： class TestStore { @observable info = {} as IInfo; @observable list = [] as

技巧 , mobx

收藏 評論

smile1213 頭像

smile1213 - 小程序中使用 MobX 綁定輔助庫

點擊前往小程序MobX的官方文檔 注：此 behavior 依賴開發者工具的 npm 構建。 什麼是npm構建？ 安裝 mobx-miniprogram 和 mobx-miniprogram--bindings npm install --save mobx-miniprogram mobx-miniprogram-bindings 點擊微信開發者工具左上角：工具 --- npm 構建 構建完成後

微信小程序 , 小程序 , mobx , 前端

收藏 評論

joyerli 頭像

joyerli - react狀態總結

本文從動機脈絡聊聊對react生態中的狀態相關技術的演化過程。 個人理解，歡迎討論 響應式渲染框架 這裏只聊react的狀態和視圖渲染相關內容，不聊底層的Virtual DOM react是一個mvvm框架，作為一個響應式渲染設計，當自身的模型（狀態）發生變化時，會自動刷新(re-render)當前視圖顯示最新的模型(狀態)數據。 那是如何監聽狀態發生變化呢？react本着極簡的api設計理念，遵

react , hooks , mobx , redux

收藏 評論