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

[boneyao]

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

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

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

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

考虑 1 「框架」:

大方向: React

小方向: Rlux, Reflux, Redux

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

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

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

[pacoyang]

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

这是我的使用体验

[toono]

顶起

[kokdemo]

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

[whimsySun]

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

[sox]

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

[void1900]

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

[jakes]

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

[fy]

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

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

[boneyao]

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

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

[fy]

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

[xcatliu]

Redux +1

[hxtheone]

说实话, 真的好想吐槽

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

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

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

[boneyao]

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

[iwege]

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

[boneyao]

那我尝试换一下 redux