JavaScript 状态管理框架 Mobx

MIT
JavaScript
跨平台
2016-06-14
IT_小翼

介绍

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

加载中

评论(0)

暂无评论

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

虚拟货币交易平台 Coinbase 昨天宣布成立 Coinbase 开源基金,将每月向开源项目捐赠 2500 美元。捐赠对象包括 Coinbase 当前和未来的使用的项目,以及他们认为会对整个开源社区更有益处,且没...

2018/02/09 08:11

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

MobX 是一个久经考验的库,它通过透明的函数响应式编程,使得状态管理变得简单和可扩展。MobX 背后的理念很简单: 任何源自应用状态的东西都应该自动地获得。 其中包括 UI 、数据序列化、服务...

2017/10/10 07:37

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

MobX 是一个久经考验的库,它通过透明的函数响应式编程,使得状态管理变得简单和可扩展。MobX 背后的理念很简单: 任何源自应用状态的东西都应该自动地获得。 其中包括 UI 、数据序列化、服务...

2017/07/07 07:37

没有更多内容

加载失败,请刷新页面

没有更多内容

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

对于很多 JavaScript 开发人员来说,对 Redux 最大的抱怨无非就是需要大量实现功能的样板代码。另外一个更好的替代品 MobX 提供了类似的功...

2017/06/03 15:23
1
回答
请问下为什么我自己在react项目上配置mobx一直报错@符号

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

2017/05/01 10:13

没有更多内容

加载失败,请刷新页面

没有更多内容

【原译】使用MobX怎样管理JavaScript应用状态

这是mobxjs的一名作者写的mobx使用解析,读完觉得挺有意思

2016/10/12 16:23
445
0
前端项目的总结——为什么使用mobx?

首先什么是mobx? mobx是一个数据管理库。我们使用mobx可以根据业务的具体需要划分多个store,可以把全局状态和组件内部状态结合起来管理。最关键的是mobx上手比较简单。 准确来说,mobx 是一...

2018/03/19 20:50
105
0
老树发新芽—使用 mobx 加速你的 AngularJS 应用

# 老树发新芽—使用 mobx 加速你的 AngularJS 应用 原文: https://github.com/kuitos/kuitos.github.io/issues/38 1月底的时候,Angular 官方博客发布了一则消息: > **AngularJS** is pla...

2018/05/09 11:13
277
0
Mobx入门之一:observable & observer

被惊艳到 被Mobx这张简单的函数响应式编程的原理图惊艳到,足够简单,高效,所以决定入门 state才是状态管理的核心,Mobx有句话描述了什么才是真正的响应式,也就是他们正在做的: Anything...

2018/05/24 00:08
196
0
react native使用mobx , can't find variable:Symbol

这几天在做react-native 的开发. 开发过程中,出现一个bug. can't find variable:Symbol... 问题很奇怪. 假如不开debug ui调试界面的话...手机就会红屏报错...开了debugui后...报错就消失 了....

2018/07/10 11:08
1K
1
react+mobx 基础配置

mobx 需要使用decorator 修饰器语法 但项目默认是不支持的 此时我们需要配置以下 一 创建项目后 先使用 npm run eject 弹出webpack配置 否则我们的packge.json 没有我们需要的配置项 此时我们...

02/18 14:24
1
0
一次性比较目前前端最流行的状态管理,mobx,vuex,redux-saga使用方式用方式

一次性比较目前前端最流行的状态管理,mobx,vuex,redux-saga使用方式用方式,只介绍我在具体项目中的使用方式,不介绍使用原理.

2018/05/12 11:30
876
0
mobx使用跳坑

mobx确实很好用,但坑也是迷之多,这里仅记下使用时遇到的小坑 1 mobx + react-router4 不跳转 解决方案:需要在写路由跳转的容器App.js和有跳转的容器A.js, B.js中添加@withRouter 参考资料...

2018/08/21 20:41
193
0
@babel/plugin-proposal-decorators 错误 Decorators transform is necessary

react-mobx,mobx,注解依赖于 @babel/plugin-proposal-decorators。 7.0 - 7.1.x 阶段,@babel/plugin-proposal-decorators 的声明必须优先于 @babel/plugin-proposal-class-properties,类...

2018/12/25 15:09
124
0
Telerik UI for ASP.NET AJAX教程:在React应用程序中管理状态的3个基本技巧

下载Telerik UI for ASP.NET AJAX最新版本 在React应用程序中学习一些有关使用State的快速和重要提示,以帮助您确定哪种选项,适合您的环境。 不要害怕以setState()开头 首先,如果您是Rea...

2018/11/08 11:50
0
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部