「孵化器」项目前端搭建, 给大家安利一下 Reflux

V2EX = way to explore

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

现在注册

已注册用户请登录

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

关于「孵化器」游戏： max.meidaquan.com

本篇文章链接: http://max.meidaquan.com/2016/05/09/frontend/

昨天花了一天时间搭建项目的前端, 对前端又多了一些认识前端的选择很多，结合项目和自身情况，主要考虑以下几点：

框架要简单好用, 数据自动绑定, 当然选择现在主流的 react
构建自动化
代码要模块化

考虑 1 「框架」:

大方向: React

小方向: Rlux, Reflux, Redux

Flux 概念该复杂，区分了 Action 和 Dispatcher 感觉目前还没有掌握好，写代码需要关注 Action, Dispatcher, Controller-view, Store 还有事件>的映射方式，绝对是体力活，放弃
Reflux 代码上面只有三层（ Action, Component, Store ），自动映射，下面贴例子代码
Redux flux 简化版本还是太复杂放弃, 映射方式太不自动了

Reflux 事件流向简单，容易理解

╔═════════╗       ╔════════╗       ╔═════════════════╗
║ Actions ║──────>║ Stores ║──────>║ View Components ║
╚═════════╝       ╚════════╝       ╚═════════════════╝
     ^                                      │
     └──────────────────────────────────────┘

reflux

action

映射

代码

15 条回复 • 2016-05-10 11:13:44 +08:00

pacoyang

2016-05-09 14:54:52 +08:00

建议没有入 flux 坑的朋友直接上 redux ，比用 reflux 少填很多坑
reflux 确实简单，但是写到后期很多轮子需要你自己做，文档也相对少
redux 虽然起步成本大，但是文档齐全、社区力量大

这是我的使用体验

toono

2016-05-09 14:59:41 +08:00

顶起

kokdemo

2016-05-09 15:00:13 +08:00

我还以为能玩到游戏呢……

whimsySun

2016-05-09 16:31:44 +08:00

reflux 组件间共享的状态搞起来很烦吧

sox

2016-05-09 16:34:53 +08:00

Redux 的文档和生态都是其它 Flux implementation 比不上的 😂

void1900

2016-05-09 16:38:13 +08:00

我还以为能玩到游戏呢……

jakes

2016-05-09 19:30:24 +08:00

还是 Redux 爽，搞明白了用起来其实很方便。而且有什么问题 Google 也容易有解决方案。
当然以上个人理解。

2016-05-09 19:39:55 +08:00

雾草楼主你游戏本体呢我翻了半天没找到

你这是文字直播写代码啊！惊了！

boneyao

2016-05-09 21:16:44 +08:00

恩 Redux 是很简单，不过每次调用的时候数据更新要这样 store.dispatch({ type: 'INCREMENT' }) 吗？
由于项目前端比较简单，
目前使用 Reflux 好了，其他同学听从建议吧使用 Redux 吧!

@fy @kokdemo 是在做游戏, 直播进度, 相信不久的将来就可以玩上了
项目介绍： http://max.meidaquan.com/

2016-05-09 21:27:46 +08:00

@boneyao 楼主你还是做完了再发帖子吧…… 不然游戏还没发出来已经被别人 ban 了

xcatliu

2016-05-09 21:32:34 +08:00

Redux +1

hxtheone

2016-05-09 21:49:55 +08:00

说实话, 真的好想吐槽

1. react+redux 是事实上的圈内标配

2. 什么都没做就想赞助, 太招黑了, 上班族一年 1.5k 不到都拿不出来?

3. 目前看来, 项目的内容以及技术深度都让人完全没有赞助的欲望

boneyao

2016-05-09 21:55:56 +08:00

@hxtheone 太有道理了
以后都只更新项目博客了

iwege

2016-05-10 09:52:02 +08:00

redux 的开发者貌似已经到 facebook 里面去了。所以 redux 已经是官配了...

boneyao

2016-05-10 11:13:44 +08:00

那我尝试换一下 redux