发表作品
视频
- 免费的 Egghead.io 课程 : 在 React 应用中使用 MobX 管理复杂的状态
- LearnCode.academy MobX 教程 第一部分 : MobX + React 太棒了 (7 分钟 ) 第二部分 : Computed Values and 嵌套 / 引用的 Observables (12 分钟 )
- React 基础 + Codemy.net 的 MobX 视频系列 (youtube 播放列表 )
- ReactNext 2016: 真实世界的 MobX - 40 分钟 幻灯片
- React 和 MobX 实战. OpenSourceNorth 开发者大会上,Matt Ruby 深入介绍和说明如何使用 MobX 和 React(ES5 版本 ) (幻灯片)
- 录播 : 8 分钟让你了解 MobX
- MobX vs Redux ( 相关线索 : https://github.com/mobxjs/mobx/issues/199)
- 状态管理很容易 - React Amsterdam 2016 开发者大会 (幻灯片)
- 透明的响应式编程和可变数据 , Reactive2015 开发者大会 (幻灯片)
- 魔幻的 MobX, RuhrJS 2016 (幻灯片 和 更多幻灯片)
- Spacedojo Show - 使用 Mobx 的响应式编程
- 探索可变数据 - Reactive2016 开发者大会 (幻灯片)
- 下一代状态管理 - Michel Weststrate, ReactEurope 2017
- 复杂度 : 分而治之 ! - Michel Weststrate, React Amsterdam 2017
- Angular + MobX = 幸福 - Adam Klein. Angularup 2016 (幻灯片)
教程
- 十分钟交互式的 MobX + React 教程
- ES5 版本的 MobX 简单示例 MobX 的 小示例都安装运行在 jsFiddle 中。
- 唯快不破 : 使用 MobX 和 React 构建一个高性能的秒表
- MobX 入门 : 一个简单示例
- 如何使用 Jest 测试 React 和 MobX
- 使用 OnsenUI、Horizon 和 MobX 构建实时聊天应用
- React Native + MobX 入门
- Serializr 介绍 : 如何轻松地序列化和反序列化对象图
- 如何解耦状态和 UI ( 也称为 你不需要 componentWillMount) - 数据获取、身份认证、路由和测试
- ReactJS 和 MobX 入门
- 使用 MobX + Firebase 仿建 Twitter - 教程展示了如何构建一个简易版的 Twitter 并同步到 Firebase 。本教程适用于使用 MobX + Firebase 的开发者。
- 如何去掉 VSCode 中的 experimentalDecorators 警告
- 使用 MobX 的 React 状态管理
- React + MobX + YAWP!
- 把 MobX 添加到普通的 React 项目中 一个现场编码环节的摘要,
- 如何使用 MobX 来管理你的 JavaScript 应用状态
- 使用 MobX 进行数据绑定入门
- 使用 React Native 和 MobX 构建图片分享客户端教程
- 搭配 React 使用的 MobX 介绍
- MobX + React 教程 : 构建你的第一个应用
- ( 付费 ) React Native: 构建移动应用。 使用 Firebase 来授权和存储,使用 MobX 来管理状态。
- 如何在 IonIc 应用中使用 MobX 管理状态 ( 和 第 2 部分)
- 构建 React Native 的 HackerNews 应用 - 使用 Google 的语言 API 和 MobX ( 和 第 2 部分)
- MobX 用于应用状态管理
- 建立一个 React / Firestore 应用程序,不费力气和 MobX
解释 MobX 内部运行原理的文章 / 博客
博客
- Automagically manage React forms state and automatic validation with MobX
- 优化 React 渲染 - 优化 React 元素渲染的小贴士
- 使用 Mobx Observables 处理 React 表单
- mobx-utils: 社区驱动的 MobX 工具集
- MobX 2.2: 显式动作、受控突变和改善的 DX
- 了解 MobX 和何时使用它 (Github issue)
- MobX 驱动的简易弹出框
- 现场编码 #25: 将 MobX 添加到一个普通的 React 项目中
- 使用 MobX 和 Meteor & React 创建一个多页面应用
- MobX 实用模式 ( 部分 1, 2, 3) 部 分 2 和部分 3 的示例 1 使用的是老的 MobX 2 的语法,尽管它解释的很好
- 状态管理 & 使用 MobX 的水合作用 — 我们必须作出反应 [Ep. 05]
- 享受 MobX, JSX 和虚拟 DOM。 React 一边去吧 !
- SurviveJS 对 MobX、React 和 Flux 的采访
- 根据时间和状态的纯渲染
- Flux 和 响应式 Flux 的两个基本规律
- observables 和 immutables 的性能比较
- Object.observe 已死。 MobX.observe 永生
- Hashnode 的 MobX 咨询
- 如何在 AngularJS 1 应用中使用 MobX 2?
- 使用 MobX 和 ReactJS 的通知系统
- 使用 MobX 的 Angular 1.5 todo 应用
- 构建 React & MobX MVVM 应用
- 视频 : 集成 MobX 和 Firebase
- 使用 MobX 的 React 表单验证
- MobX 食谱 - 收集的一些 MobX 使用过程中的经验教训和实用模式
- 使用 MobX 进行 TDD
- Next.js 遇见 Firebase 和 MobX
- 在 React Native 中使用 MobX 进行状态管理的简单介绍
- MobX - 喜欢 React, 但只是对于数据来说
- React 的通用渲染 : 我们是如何重新构建 SitePoint 的
- MobX 杂谈
- LogRocket 宣布支持 MobX
- 使用 React 和 Rails 的实时应用
- 使用 React 和 MobX 来制作苹果派
- Redux 和 MobX 入门
案例研究
- MobX 介绍和案例研究
- The Knot 使用 React + MobX 重建宾客列表管理工具
- 提供新功能的同时迁移至 React + MobX
- 测量性能提升 — AngularJS 迁移至 React ( 使用 Redux 或 MobX)
与其他状态管理工具进行比较
- 如果不是另外一个 Redux 又是什么 ?
- SoundCloud 客户端如何从 Redux 重构成 Mobx。 如何将 SoundCloud 客户端从 React+Redux 转换成 React+MobX。
- Redux vs. MobX 示例 — 第二部分 : MobX 的简单性和结论 - 一个两部分的教程,通过在一个简单的 ES6 + React todo 的应用中分别用 Redux 和 MobX 实现,来进行比较。
- 为什么我们为 Spectacle Editor 选择了 MobX 而不是 Redux
- Redux 还是 MobX: An attempt to dissolve the Confusion
- MobX: 你应该考虑 Redux 的替代方案
- Redux 还是 MobX: 当我重构一个中型的 React 应用后所学到的
- 一个 MobX 真正闪光而 Redux 并不适合的人造示例
- Angular vs. React: 哪个更适合 Web 开发? 虽然这不是与其他状态库的比较,但这是个非常有帮助的链接,它展示了 MobX 如何 适应新的技术栈 ( 如果你用过其他游戏诶框架,从 Angular 到 React,或其他等等 )。