「孵化器」项目前端搭建, 给大家安利一下 Reflux - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
boneyao
V2EX    程序员

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

  •  
  •   boneyao 2016-05-09 14:04:00 +08:00 3647 次点击
    这是一个创建于 3471 天前的主题,其中的信息可能已经有所发展或是发生改变。

    关于「孵化器」游戏: 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 ^ │ └──────────────────────────────────────┘ 
    15 条回复    2016-05-10 11:13:44 +08:00
    pacoyang
        1
    pacoyang  
       2016-05-09 14:54:52 +08:00
    建议没有入 flux 坑的朋友直接上 redux ,比用 reflux 少填很多坑
    reflux 确实简单,但是写到后期很多轮子需要你自己做,文档也相对少
    redux 虽然起步成本大,但是文档齐全、社区力量大

    这是我的使用体验
    toono
        2
    toono  
       2016-05-09 14:59:41 +08:00
    顶起
    kokdemo
        3
    kokdemo  
       2016-05-09 15:00:13 +08:00
    我还以为能玩到游戏呢……
    whimsySun
        4
    whimsySun  
       2016-05-09 16:31:44 +08:00
    reflux 组件间共享的状态搞起来很烦吧
    sox
        5
    sox  
       2016-05-09 16:34:53 +08:00
    Redux 的文档和生态都是其它 Flux implementation 比不上的
    void1900
        6
    void1900  
       2016-05-09 16:38:13 +08:00
    我还以为能玩到游戏呢……
    jakes
        7
    jakes  
       2016-05-09 19:30:24 +08:00
    还是 Redux 爽,搞明白了用起来其实很方便。而且有什么问题 Google 也容易有解决方案。
    当然以上个人理解。
    fy
        8
    fy  
       2016-05-09 19:39:55 +08:00   1
    雾草 楼主你游戏本体呢 我翻了半天没找到

    你这是文字直播写代码啊!惊了!
    boneyao
        9
    boneyao  
    OP
       2016-05-09 21:16:44 +08:00
    恩 Redux 是 很简单,不过每次调用的时候 数据更新要这样 store.dispatch({ type: 'INCREMENT' }) 吗?
    由于项目前端比较简单,
    目前使用 Reflux 好了,其他同学听从建议吧 使用 Redux 吧!

    @fy @kokdemo 是在做游戏, 直播进度, 相信不久的将来就可以 玩上了
    项目介绍: http://max.meidaquan.com/
    fy
        10
    fy  
       2016-05-09 21:27:46 +08:00   1
    @boneyao 楼主你还是做完了 再发帖子吧…… 不然游戏还没发出来 已经被别人 ban 了
    xcatliu
        11
    xcatliu  
       2016-05-09 21:32:34 +08:00
    Redux +1
    hxtheone
        12
    hxtheone  
       2016-05-09 21:49:55 +08:00   1
    说实话, 真的好想吐槽

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

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

    3. 目前看来, 项目的内容以及技术深度都让人完全没有赞助的欲望
    boneyao
        13
    boneyao  
    OP
       2016-05-09 21:55:56 +08:00
    @hxtheone 太有道理了
    以后都只更新项目 博客了
    iwege
        14
    iwege  
       2016-05-10 09:52:02 +08:00
    redux 的开发者貌似已经到 facebook 里面去了。所以 redux 已经是官配了...
    boneyao
        15
    boneyao  
    OP
       2016-05-10 11:13:44 +08:00
    那我尝试换一下 redux
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1260 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 23:57 PVG 07:57 LAX 15:57 JFK 18:57
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86