V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
boneyao
V2EX  ›  程序员

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

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

    关于「孵化器」游戏: 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   ·   实用小工具   ·   5381 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 07:28 · PVG 15:28 · LAX 23:28 · JFK 02:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.