MobX 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
MobX 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
MobX 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
开源组织
地区 不详
投 递 者 IT_小翼
适用人群 未知
收录时间 2016-06-14

软件简介

介绍

MobX是一个经久考验的库,使得状态管理简单而且透明、可伸缩的应用功能反应性编程(TFRP)。MobX背后的哲学很简单:

任何可以由应用程序状态,应该是自动派生的。

包括用户界面、数据序列化、服务器通信,等等

React和MobX在一起是一个强大的组合,React呈现应用程序状态通过提供机制,把它翻译成可渲染的树组件,React使用MobX提供的机制来存储和更新应用程序。

React和MobX提供非常优和独特的在应用程序开发中常见问题的解决方案。React提供了机制优化渲染UI使用虚拟DOM,减少高代价的DOM突变的数量。MobX提供机制优化同步应用程序状态和React组件通过使用活性虚拟依赖状态图,只有当严格需要更新,永远不会过期。

核心概念

  1. Observable state

  2. Computed values

  3. Reactions

  4. Actions

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
发表于大前端专区
2018/02/09 08:11

Coinbase 成立开源基金,每月固定向开源项目捐赠

虚拟货币交易平台 Coinbase 昨天宣布成立 Coinbase 开源基金,将每月向开源项目捐赠 2500 美元。捐赠对象包括 Coinbase 当前和未来的使用的项目,以及他们认为会对整个开源社区更有益处,且没有大企业赞助的项目。 Coinbase 在文中表示,构建平台使用的许多开源项目都需要得到支持以继续发展,不管是贡献代码亦或是资金支持。不过,像其他发展迅速的创业公司一样,Coinbase 主要的视线集中在如何扩大和发展公司,没有足够的时间...

1
0
发表了资讯
2017/10/10 07:39

MobX 3.3.1 发布,简单可扩展的状态管理库

MobX 是一个久经考验的库,它通过透明的函数响应式编程,使得状态管理变得简单和可扩展。MobX 背后的理念很简单: 任何源自应用状态的东西都应该自动地获得。 其中包括 UI 、数据序列化、服务器通讯等等。 React 和 MobX 是一对强力组合。React 通过提供机制把应用状态转换为可渲染组件树并对其进行渲染。而MobX提供机制来存储和更新应用状态供 React 使用。 对于应用开发中的常见问题,React 和 MobX 都提供了最优和独特的解决方...

2
5
发表了资讯
2017/07/07 07:38

MobX 3.1.17 发布,简单可扩展的状态管理库

MobX 是一个久经考验的库,它通过透明的函数响应式编程,使得状态管理变得简单和可扩展。MobX 背后的理念很简单: 任何源自应用状态的东西都应该自动地获得。 其中包括 UI 、数据序列化、服务器通讯等等。 React 和 MobX 是一对强力组合。React 通过提供机制把应用状态转换为可渲染组件树并对其进行渲染。而MobX提供机制来存储和更新应用状态供 React 使用。 MobX 3.1.17 已发布,更新内容: 改进 IObservableArray.intercept 类...

1
5
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2017/11/19 17:24

MobX

感谢支持ayqy个人订阅号,每周义务推送1篇(only unique one)原创精品博文,话题包括但不限于前端、Node、Android、数学(WebGL)、语文(课外书读后感)、英语(文档翻译) 如果觉得弱水三千,一瓢太少,可以去 http://blog.ayqy.net 看个痛快 一.目标定位 Simple, scalable state management 一个简单,够用的状态管理库。还是想要解决应用状态(数据)管理的问题 二.设计理念 Anything that can be derived from the applic...

0
0
发表了博客
2021/01/17 13:24

MobX

一.目标定位 Simple, scalable state management 一个简单,够用的状态管理库。还是想要解决应用状态(数据)管理的问题 二.设计理念 Anything that can be derived from the application state, should be derived. Automatically. 源于应用状态的所有东西,都应该自动得到。比如UI,数据序列化,服务通信 也就是说,只要知道哪些东西是状态相关的(源于应用状态),在状态发生变化时,就应该自动完成状态相关的所有事情,自动...

0
0
发表于大前端专区
2020/03/19 11:31

redux 和 mobx 调研结果- mobx

## 调研方向 - 设计思想/基本用法/生态环境/性能优化 - 总结 ## 设计思想 mobx 的设计思想我总结之后,主要有以下两点: 1. 函数响应式编程; 2. 任何源自应用状态的东西都应该自动地获得; mobx 不同于 redux 的单一数据源的统一管理,它可以有多个 store, 为了便于维护 ,每一个 store 都是一个类,这样便于维护和扩展; 同时,为了使数据可以自动更新,使用了响应式编程(异步数据流), 它使用了观察者模式和 [装饰器模式]...

0
0
发表了博客
2018/08/13 10:00

mobx 小结

1.@observable 是一种让数据的变化可以被观察的方法 //@observable data 注册一个数据,这个数据将会成为一个可mobx监测的数据 2.decorator 修饰器只能修饰 类 或 类成员 3.对可观察的数据做出反应 @computed 计算 -- 对引入的可观察数据进行处理,返回新的可观察数据(可以将多个可观察数据组合成一个可观察数据) @computed get XXX (){ return AAA } //computed 是自动监测已注册的数据,如果已注册的数据有改变自动执行这个...

0
0
发表了博客
2019/12/09 17:54

【react】Mobx总结以及mobx和redux区别

Mobx解决的问题 传统react使用的数据管理库为Redux。Redux要解决的问题是统一数据流,数据流完全可控并可追踪。要实现该目标,便需要进行相关的约束 Redux由此引出dispatch action reducer等概念,对state的概念进行强约束,然而对于一些项目来说,太过强,便失去了灵活性。Mobx便是填补此空缺的 这里对Redux和Mobx进行简单的对比: 1.Redux的编程范式是函数式的而Mox是面向对象的; 2.因此数据上来说Redux理想的是immutable,每...

0
0
发表了博客
2019/09/06 10:40

mobx使用

1.mobx状态管理 安装:creact-react-app mobx action、store、reducer。 action是一个函数,事件调用actions直接修改state,Actions是唯一可以修改state的东西,并且可能有副作用,副作用是修改完之后,会激起一些计算属性的更新。 state是可观测的(@observable),不能包含冗余或者推导数据,可以是数组啊,类啊,等等。 Computed类似于vue中的计算属性。 Reactions当观察的东西发生变化,就可以做一些事情。 在store...

0
0
发表了博客
2019/02/27 10:09

mobx 入门

mobx 响应式状态管理库 安装 // npm npm i --save mobx // yarn yarn add mobx 基础概念 所谓的响应式,既是将原有数据结构,例如 数组,对象等转变为可观察对象, 通过对可观察对象的监控,当数据变化做出对应的动作,所以可以大概归纳为: 构建观察对象 设置响应动作 在mobx中构建观察对象存在两种模式 函数模式 装饰器模式(针对类定义) 函数模式 创建观察对象 // 引入mobx import { observable } from 'mobx' // 对象转换 ...

0
0
发表了博客
2019/01/08 15:33

mobx 入门

observable(可观察的数据) 数组 import { observable, isArrayLike } from 'mobx' const arr = observable(['a', 'b', 'c']); // 观察之后,数组将不是真正的数组,而是一个Observable数组 console.log(arr, Array.isArray(arr), isArrayLike(arr); // ObservableArray false true // 但是可以依然像数组一样操作数据 console.log(arr[0]); // a console.log(arr.pop()) // c 对象 const obj = observable({a: 1...

0
0
发表了博客
2019/06/16 15:09

Flutter: MobX和flutter_mobx状态管理器

MobX.dart网站上的 “ 入门指南” mobxjs video 组织Stores 安装依赖 dependencies: mobx: flutter_mobx: dev_dependencies: build_runner: ^1.3.1 mobx_codegen: 编写store /// counter.dart import 'package:mobx/mobx.dart'; // 包含生成的文件 part 'counter.g.dart'; class Counter = _Counter with _$Counter; // The store-class abstract class _Counter with Store { /// 定义state @observable i...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2017/06/03 15:23

Redux 和 MobX 哪一个更适合你的项目?

对于很多 JavaScript 开发人员来说,对 Redux 最大的抱怨无非就是需要大量实现功能的样板代码。另外一个更好的替代品 MobX 提供了类似的功能,但是代码量要更少一些。 对 MobX 新手来说,可以先快速看看 MobX 创始人的 介绍文档。你也可以通过这个 教程 来获取一些实践经验。 本文的目的是帮助 JavaScript 开发者决定这两个状态管理解决方案,到底哪个更适合自己的项目。我已经移植了这个 CRUD Redux project 到 MobX 之上来作为...

1
0
发表了问答
2017/05/01 10:13

请问下为什么我自己在react项目上配置mobx一直报错@符号

从网上看了文档按照文档一步一步来 发现还是报错 很蛋疼,哪位大牛能帮忙一下·不胜感激 编译不了@符号

2
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
0 评论
16 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部