前端应用的状态管理

公式:

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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180615G00C1D00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券