前端应用的状态管理

公式：

view = f(state)

react 和 vue 的定位不同: react 是用于构建用户界面 UI 库，而 vue 是一套构建用户界面的渐进式框架. react 专注于 view 层，而 vue 是一个典型的 MVVM 框架模型，之所以称 react 是一个框架， 是因为其丰富的社区生态能帮助开发快速构建基于 react 的跨平台应用:

Web: react + react-dom

Native: React Native/React XP vue+weex/vue+quasar

VR: React VR

Desktop APP: Electron React Boilerplate/React Ionize

共同点：响应式、数据驱动、可预测、组件化

为什么要有应用状态管理工具？

界面和交互的复杂化

异步流程的控制

前端的工程化实践

社区：

redux/mobx/vuex/rxjs/redux-saga/redux-ovserable

vue+redux: revue/revux

vue+vuex: vuex

vue+mobx: vue-mobx

vue+RxJS: vue-rx

vue+redux-saga: vuex-redux-saga(vuex 的 plugin 插件)

vue+redux-obserable: 0

提高开发效率

vue-mobx/rabjs

怎么作技术选型(View + State)?

项目

团队

vuex/reudx: 集中统一, 集成 Flux mobx: 自由分散、decorator/OO

状态管理的演变：callback -> state -> state + event -> redux/vuex/mobx