腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

云前端

专栏作者

173

文章

280907

阅读量

30

订阅数

[译] MobX 背后的基础原理

mobx ecmascript 网络安全

不久之前 Bertalan Miklos 写了一篇很好的博文，比较了 MobX 和基于 proxy 的 NX-framework。这篇博文不仅证明了 proxy 的可行性，更好之处在于其触及了 MobX 中一些非常基础但通常又被隐藏的概念。迄今为止我还尚未详细阐述过这些概念，所以本文将分享一些 MobX 特性背后的心路历程。

2020-06-16

1.5K0

清理组件的 3 种方法

mobx bug com effects

编写可维护的代码并不容易。这件事学起来难，教别人如何做更难。大多数时候，这是个熟能生巧的事情。但是历年来，我学习到的能让你快速掌握的参考资料还是比较少。

2020-06-15

4540

用MobX管理状态(ES5实例描述)-5.使React组件自动反应

react mobx ecmascript

本系列前几篇文章演示了不用react和es6/babel等如何方便的修改传统的es5代码，但MobX也为react提供了方便的包装方法，本篇还是引入一些jsx语法等，展示利用mobx-react包改善React组件管理状态的流程

2020-06-15

7730

用MobX管理状态(ES5实例描述)-4.常用工具方法

mobx ecmascript react javascript node.js

MobX是一个简单有效的状态管理库，以派生(derive)的概念为核心，以观察者模式为手段，达到了修改数据自动更新界面等目的正因为其本身提供了包装react的方法，可以简洁的改善react组件，所以官网文档和几乎所有教程都以react和ES7的装饰修饰符等特性为切入点但MobX在传统的ES5环境中也能良好工作，本文尝试以此为出发点，探讨在既有的非react项目中直接引入MobX并用其整理重构老代码的方法没有babel、webpack、JSX...那么多的套路！直接上手先，走你~ [IV]. 常用工具方

2020-06-15

9630

用MobX管理状态(ES5实例描述)-3.常用API

react mobx ecmascript

除了上面提过的在类实例里使用 getter/setter 和 computed(), computed(expression)也可以直接用来当作一个独立的函数：

2020-06-15

3990

用MobX管理状态(ES5实例描述)-2.可观察的类型

编程算法 react mobx bash bash 指令

用observable.shallowObject(value)方法可以实现“浅观察”，只自动响应“浅层”的子属性

2020-06-15

6240

用MobX管理状态(ES5实例描述)-1.核心概念和基本流程

react mobx ecmascript

MobX是一个简单有效的状态管理库，以派生(derive)的概念为核心，以观察者模式为手段，达到了修改数据自动更新界面等目的正因为其本身提供了包装react的方法，可以简洁的改善react组件，所以官网文档和几乎所有教程都以react和ES7的装饰修饰符等特性为切入点但MobX在传统的ES5环境中也能良好工作，本文尝试以此为出发点，探讨在既有的非react项目中直接引入MobX并用其整理重构老代码的方法没有babel、webpack、JSX...那么多的套路！直接上手先，走你~ [I]. 核心概念和基

2020-06-15

4750

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态