Fuohua的博客

Mobx解决的问题 传统React使用的数据管理库为Redux。Redux要解决的问题是统一数据流，数据流完全可控并可追踪。要实现该目标，便需要进行相关的约束。Redux由此引出了dispatch action reducer等概念，对state的概念进行强约束。然而对于一些项目来说，太过强，便失去了灵活性。Mobx便是来填补此空缺的。 这里对Redux和Mobx进行简单的对比： 1. Re...

一.observable import * as React from 'react'; import * as ReactDOM from 'react-dom'; import { observable } from 'mobx'; import { observer } from 'mobx-react'; @observer class Demo extends React.Co...

核心概念 MobX 的核心概念不多。 Observable state(可观察的状态) MobX 为现有的数据结构(如对象，数组和类实例)添加了可观察的功能。 通过使用@observable装饰器(ES.Next)来给你的类属性添加注解就可以简单地完成这一切。 import { observable } from "mobx"; class Todo { id = Ma...

MobX MobX 是一个经过战火洗礼的库，它通过透明的函数响应式编程(transparently applying functional reactive programming - TFRP)使得状态管理变得简单和可扩展。MobX背后的哲学很简单: React 和 MobX 是一对强力组合。React 通过提供机制把应用状态转换为可渲染组件树并对其进行渲染。而MobX提供机制来...