mobx 用起来炒鸡爽～听说你们还在用 redux，

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2815 天前的主题，其中的信息可能已经有所发展或是发生改变。

数学不好，什么高阶函数，函式编程都看得糊里糊涂的。幸亏出了一个 mobx 。看了一下好像教程还是比较小众，于是把学习经过记录下来传送门:https://www.haodan123.com/article/7

mobx

炒鸡

Redux

糊里糊涂

39 条回复 • 2018-01-03 20:22:03 +08:00

hst001

2017-03-17 17:15:39 +08:00

又双叒叕发明了一个状态管理的，好累

iugo

2017-03-17 17:17:07 +08:00

一不小心, 我又落伍了.

kejinlu

2017-03-17 17:18:04 +08:00

搞前端的整天以创造轮子为乐。

wobuhuicode

2017-03-17 17:19:03 +08:00

@kejinlu 不搞轮子怎么升职，怎么加薪～～哈哈哈

Cacivy

2017-03-17 17:34:08 +08:00

写的不错，打算也研究一下 Mobx

zhuangtongfa

2017-03-17 19:11:10 +08:00

最终把 react 变成了 vue o.o

fuxiaohei

2017-03-17 19:12:15 +08:00

为什么滚动条在文章的右侧，不是整个页面的右侧？

Mark24

2017-03-17 19:16:33 +08:00

围观

blanu

2017-03-17 19:19:49 +08:00 via iPhone

用了 mobx 为啥不直接 vue 。函数式本来就是 react 特色…

wobuhuicode

2017-03-17 20:08:36 +08:00 via iPhone

@blanu 选择最适合你的技术，而不应该给技术捆绑

wobuhuicode

2017-03-17 20:09:43 +08:00 via iPhone

@fuxiaohei 个人喜好，模仿我挺喜欢的谷歌的一款产品

wobuhuicode

2017-03-17 20:10:00 +08:00 via iPhone

@zhuangtongfa 什么用着顺手用什么

JamesRuan

2017-03-17 20:16:14 +08:00

我也搞了个前端状态机库啊： https://github.com/coffee-toolbox/fsm

kotokz

2017-03-17 20:19:51 +08:00

blackbox 的东西有点多，上手初期容易踩坑
习惯了很爽

Ahri

2017-03-17 20:27:37 +08:00 via iPhone

果然又来了几个职业学校 Java 培训出来的后端

xrlin

2017-03-17 21:12:43 +08:00

啥，我 redux 还没用熟又来一个，搞不懂你们前端(￣▽￣)"

wobuhuicode

2017-03-17 21:17:12 +08:00 via iPhone

@xrlin redux 的学习曲线太……现在有个不错的选择

beilun

2017-03-17 21:49:01 +08:00

不知道坑多不多╮(╯▽╰)╭

wobuhuicode

2017-03-17 21:57:11 +08:00 via iPhone

@beilun 不过，用起来很方便

aristotll

2017-03-17 23:40:00 +08:00

准备试下...

windfarer

2017-03-18 00:01:04 +08:00

开心就好。。

mysticzt123

2017-03-18 00:18:05 +08:00

redux 不难用吧？

chemzqm

2017-03-18 02:05:36 +08:00

> 其中 action 包装用法只能在 strict 模式下使用，请记得在你的 javascript 文件头写上：'use strict'。

一句话说错了两个点，文档原话： Note: using action is mandatory when strict mode is enabled, see useStrict.
意思是 action 在 strict 模式下改变任何 store 状态必须要使用 action 封装，而不使用 strict 模式可以不使用 action ，另外这里的 strict 模式指的的 mobx 的 stict 模式 https://github.com/mobxjs/mobx/blob/gh-pages/docs/refguide/api.md#usestrict 更 javascript 的 strict 没有任何关系。

ericls

2017-03-18 04:15:04 +08:00

elm

wobuhuicode

2017-03-18 07:12:34 +08:00

@chemzqm get~我可能看的是盗版的文档～哈哈哈，看到 strict mode 就联想到 strict 去了。

Elven

2017-03-18 07:45:43 +08:00 via Android

讲道理，函数式编程真的会让人头大，我可能长了假脑子_(:з」∠)_

def1984

2017-03-18 08:11:05 +08:00

redux 其实原理简单，就是架构难

NsLib

2017-03-18 08:18:09 +08:00

用 mobx 一年多，真的是比 redux 写起来快太多……

arzusyume

2017-03-18 09:41:33 +08:00

可能我对 MobX 了解不够多, 相较我还是偏爱 redux

提几个初学者的问题~
1. MobX 能 observable 各种各样结构的东西, 项目中把一个 string 或 number 作为观察对象是推荐的么, 团队要如何去约束 model 层的规范呢? (没有找到类似最佳实践的东西...)

2. 对于内部无法观察(用 observer 装饰)的第三方组件, 如果传入的 props 是一个 object, 那么第三方组件是不响应观察对象变化的, 如何方便的在 review or eslint 时筛选出这类的问题

caiya21

2017-03-18 10:05:20 +08:00

为何不直接使用 vue 呢？

wobuhuicode

2017-03-18 11:17:38 +08:00

@caiya21 自己熟练哪个就选着哪个就好。没必要看到技术概念差不多的就来一句为啥不用 XX 。

123s

2017-03-18 14:49:55 +08:00 via Android

赞，同不想学 redux

wobuhuicode

2017-03-18 15:16:26 +08:00 via iPhone

@arzusyume model 层更加接近以前后端开发的形式

sox

2017-03-18 17:03:23 +08:00

setState fuck the world

caiya21

2017-03-18 18:42:34 +08:00

@wobuhuicode 本身 react+mobx 之后就是一个重型的 vue 吧并不仅是概念一致，连底层实现都是用 getter/setter 的吧。。。

Wangxf

2017-03-19 00:06:30 +08:00

其实就是一个 react 版的 vuex ，我先学的 vue 全家桶，后来发现 vue 太麻烦了，每次开发都要浏览器打开文档，对着看，最近在学 react ， react 看完了， router 看完了， redux 刚开始看的时候感觉很麻烦，估计说 react 全家桶曲线高就是 redux 吧，看了下 mobx ，和用过的 vuex 神似。。

chenhaifeng

2017-09-15 17:57:59 +08:00

我想问问 mobx 在具体项目中到底是用不用 useStrict，用了它在异步函数中就得套 runInAction，感觉方便性一下就没了，都宁愿用回 setState 了，求高手解答。

Haley

2017-12-27 16:10:55 +08:00

React-Redux DEMO >>https://github.com/Hancoson/react-redux-demo
React-Mobx DEMO >>https://github.com/Hancoson/react-mobx-demo

agoodob

2018-01-03 20:22:03 +08:00

在用 React Native，选了半天也还是觉得 MobX 好过 Redux