V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
captainwz
V2EX  ›  分享创造

允许你在 react 里写类 jquery 语法的脚手架

  •  
  •   captainwz ·
    captainwz · 2018-04-06 21:35:28 +08:00 · 3140 次点击
    这是一个创建于 2457 天前的主题,其中的信息可能已经有所发展或是发生改变。

    react 的状态管理模式固然有独到之处,但是跨组件之间的数据交互却是件很麻烦的事情,尤其组件实现写在不同的文件里的时候。所以后来就需要学习 redux 进行状态管理。虽然很好,但是对于很多轻量项目而言有些过重(这里需要强调一些,没有任何否定 redux/flux 的意思,只是在有些项目类型中,可能并不需要 store/dispatch/reducer/action 这么复杂的状态管理模式)

    这个脚手架的目标是允许你在任何文件里简单执行

    $('MyComponent').setProp({foo: 'bar'})
    

    就能进行状态管理,如同 jquery 那么方便。

    github 地址

    欢迎各位 star/fork/issue

    第 1 条附言  ·  2018-04-08 08:57:55 +08:00
    8 条回复    2018-04-11 10:12:48 +08:00
    des
        1
    des  
       2018-04-06 21:54:03 +08:00 via Android
    请用 mobx
    this.foo = "bar"
    完事。
    感觉如果对 react 不算太熟,这样混用容易出问题
    captainwz
        2
    captainwz  
    OP
       2018-04-06 22:19:29 +08:00
    @des 初衷是化繁为简,并没有跟 redux/mobx 做比较的意思。对于一些复杂度并不算特别高的项目,嵌入式的状态声明以及类 jquery 的调用对效率提升或许会有帮助。
    rashawn
        3
    rashawn  
       2018-04-07 01:07:46 +08:00 via iPhone   ❤️ 1
    我怎么记得 react 本身就支持这个…
    captainwz
        4
    captainwz  
    OP
       2018-04-07 06:15:21 +08:00 via iPhone
    @rashawn 这里不是指支持用 jquery
    Zovven
        5
    Zovven  
       2018-04-09 14:23:04 +08:00
    其实可以用 context
    benjycui
        6
    benjycui  
       2018-04-09 17:58:45 +08:00
    一不小心就死循环了。
    captainwz
        7
    captainwz  
    OP
       2018-04-09 18:29:25 +08:00
    @Zovven 写完之后发现有它
    shuizhengqi
        8
    shuizhengqi  
       2018-04-11 10:12:48 +08:00
    你不觉得 mobx 很简单吗,就几句话
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   953 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 21:38 · PVG 05:38 · LAX 13:38 · JFK 16:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.