首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Web大前端

    MobX状态管理:简洁而强大的状态机

    时间旅行调试(Time Travel Debugging)虽然mobx-react-devtools不直接提供时间旅行调试,但你可以使用mobx-state-tree库,它与MobX兼容,并提供了时间旅行功能 mobx-state-tree创建了一个可逆的操作历史,允许你回放和重播状态的变更。TypeScript支持MobX与TypeScript有很好的集成,可以提供类型安全和更好的代码提示。 myStore.setData(data); }); }); }微核架构(Microkernel Architecture)MobX的核心很小,可以根据需要选择性地引入额外的功能,如mobx-state-tree import { types, onSnapshot, IStateTreeNode } from 'mobx-state-tree'; const Todo = types.model({

    1.9K10编辑于 2024-08-16
  • 来自专栏IMWeb前端团队

    简洁的 React 状态管理库 - Stamen

    说到 React 状态管理,必提的肯定是 Redux 与 MobX,2018 年快过去了,它们依然是最火热的状态管理工具,也有一些基于 Redux 的,如 dva、rematch 等,也有新的,如 mobx-state-tree

    1.3K30发布于 2019-12-03
  • 来自专栏前端精读评论

    9. 精读《Immutable 结构共享》

    本期精读的文章是:Immutable 结构共享是如何实现的 鉴于 mobx-state-tree 的发布,实现了 mutable 到 immutable 数据的自由转换,将 mobx 写法的数据流,无缝接入 既然清楚了结构共享怎么做,就更加想知道 mobx-state-tree 是如何做到 mutable 数据到 immutable 数据转换了,敬请期待下次的源码分析(不一定在下一期)。

    48720编辑于 2022-03-14
  • 来自专栏携程技术

    干货 | Mvvm 前端数据流框架精讲

    3、数据结构化,代表框架 – mobx-state-tree mobx-state-tree 是典型结构化 store 组织的代表,这种组织形式适合一体化 app 开发,比如很多页面之间细粒度数据需要联动

    2K20发布于 2018-07-05
  • 来自专栏乾坤未定,你我皆是黑马

    2020前端开发学习路线

    TypeArray、websocket详细知识、canvas一些api知识、正则表达式等...) 4、常用框架(vue、vue-router、vuex、react、react-router、redux、mobx、mobx-state-tree

    1.1K00发布于 2020-07-12
  • 来自专栏江歌闲谈

    关于如何在 Mobx 中组织 Stores

    observable 装饰,以及数据操作方式等等,对 Mobx 耦合较深, 日后切换框架或重构的成本很高 无数据快照,如果要重置 Store,那么得写reset action,一个个变量还原,当然也可以通过 mobx-state-tree

    1.2K00发布于 2021-06-14
  • 来自专栏腾讯IVWEB团队的专栏

    mobx 能为我们带来哪些改变

    好在,mobx团队也给出了解决方案:mobx-state-tree。其底层和immutable一样,是一个不可变类型的数据容器,但是在api上比immutablejs容易使用太多太多。

    94010发布于 2020-06-29
  • 来自专栏前端技术地图

    2023年了,我还是选择 MobX

    没有任何约束,组织松散,每个人的代码可能都不一样,可能项目就会很快失控,越来越糟糕… 其实 MobX 社区也有其他选项,那就是 https://github.com/mobxjs/mobx-state-tree 时间旅行并不是不可变数据的专属,比如 Vuex、Pinia、MobX-state-tree 这些状态管理库都能做到。它们的实现的条件和过程如下: Single Store。 如果想要在 MobX 上实现时间旅行,建议使用 MobX-state-tree ---- 另一种时间旅行是满足业务上的需求,比如实现撤销/重做,甚至多人协作。

    94130编辑于 2023-10-23
  • 来自专栏魔术师卡颂

    对于“前端状态”相关问题,如何思考比较全面

    到这一层时已经脱离前端框架的范畴,上升到纯状态的管理,比如为mobx带来结构化数据的mobx-state-tree

    88730编辑于 2023-02-23
  • 来自专栏编程

    前端领域2017年有哪些变化,2018年又有怎样的期待?

    除此外,MobX 团队正在努力,希望在新项目—— mobx-state-tree(MST) 中结合 Redux 和 MobX 的优点。

    1.5K100发布于 2018-01-24
  • 来自专栏前端精读评论

    8. 精读《入坑React前没有人会告诉你的事》

    比如 mobx-state-tree 就是一种 redux 与 mobx 结合的大胆尝试,作者在很早之前也申明了,Mobx 一样可以做时间旅行,只要遵守一定的开发规范。

    87110编辑于 2022-03-14
  • 来自专栏前端技术地图

    React组件设计实践总结05 - 状态管理

    状态, 但是对 Typescript 不友好; 基于类的方案,无处下手,代码会比较啰嗦, 但更直观 无数据快照,无法实现时间回溯,这是 Redux 的强项,但大部分的应用不需要这个功能; 另外可以通过 mobx-state-tree 这不后来其作者也开发了mobx-state-tree这个神器,作为 MobX 官方提供的状态模型构建库,MST 吸收了 Redux 等工具的优点,旨在结合不可变数据/函数式(transactionality

    2.9K31发布于 2019-08-07
  • 来自专栏前端精读评论

    42. 精读《前端数据流哲学》

    也就是 mobx 没有解决副作用问题,不代表 TFRP 无法分离副作用,而且 mutable 也不一定与 可回溯 冲突,比如 mobx-state-tree,就通过 mutable 的方式,完成了与 redux

    1.4K20编辑于 2022-03-14
  • 来自专栏前端架构与工程

    Redux/Mobx/Akita/Vuex对比 - 选择更适合低代码场景的状态管理方案

    而 Mobx 并没有这些优点,所以社区中涌现了一批补充方案,比如mobx-state-tree(简称MST)和mobx-keystone,核心思想就是将 store 的组织结构聚拢为树状,以便支持更友好的调试和时间回溯

    2.5K11发布于 2021-06-11
  • 来自专栏腾讯新闻前端团队

    redux、mobx、concent特性大比拼, 看后生如何对局前辈

    mobx具有响应式的能力,直接修改即可,但因此也带来了数据修改途径不可追溯的烦恼从而产生了mobx-state-tree来配套约束修改数据行为。

    5K61发布于 2020-04-06
  • 来自专栏腾讯新闻前端团队

    聊一聊状态管理和concent设计理念

    [image.png] 当然因为mbox操作数据很方便,不满足大型应用里对状态流转路径清晰可追溯的诉求,为了约束用户的更新行为,配套出了一个mobx-state-tree,总而言之,mobx成为了响应式的代表

    3.8K262发布于 2019-09-29
领券