Flutter: state management

[hhstore]

related:

• [x] flutter 专题: https://github.com/hhstore/blog/labels/Flutter
• [x] #235 : Flutter 数据状态管理: 基于 GetX
• [x] #218 : Flutter 数据状态管理: BloC

[hhstore]

flutter 状态管理:

• https://flutter.dev/docs/development/data-and-backend/state-mgmt
• https://flutter.dev/docs/development/data-and-backend/state-mgmt/intro
• https://flutter.dev/docs/development/data-and-backend/state-mgmt/options

目前个人第一推荐: GetX

• [x] 没看错, 并不是 Provider.
• [x] 关于 GetX 使用介绍: https://github.com/hhstore/blog/issues/235
• [x] Provider 虽然是官方首推, 但是, 实际使用下来, 体验很一般. 只能说 Redux 实在太臭.
• [x] GetX 更好. 从设计层面和性能层面, 都很棒.
• [x] 这才是更好的方案.
• [x] https://github.com/jonataslaw/getx

强烈不推荐 provider ! 请使用 GetX ! 强烈不推荐 provider ! 请使用 GetX ! 强烈不推荐 provider ! 请使用 GetX !

状态管理方案列表:

• [x] GetX: 简单. 非常棒! 是个严重被低估的项目.
• [x] Provider: ⭐⭐⭐⭐⭐ 官方首推. (实际使用体验一般, 更推荐 GetX)
• [x] 其他不推荐方案: (虽然都可以用, 但是没必要)
  • [x] setState: 内置方案.
  • [x] InheritedWidget & InheritedModel: 低层次.
  • [x] Redux: ⭐⭐⭐ 成熟+复杂.
  • [x] Fish Redux: ⭐⭐⭐⭐ 阿里加强版.
  • [x] BLoC(business logic component)
  • [x] RxDart: ⭐⭐⭐ 复杂. 基于 stream/observable.
  • [x] MobX: ⭐⭐⭐⭐ 流行+推荐.

Provider: (过气方案/虽然官方推荐)

• [x] https://github.com/rrousselGit/provider
• [x] 官方推荐. 第一选择. (实际项目使用感受: 很一般, 好过狗屎 Redux, 但是不如 GetX)
• 简单优雅, 易于使用+理解.
• redux: 写法繁琐+难以理解.
• bloc: 曾经推荐, 已过气.

一些讨论:

• 经过实践对比, 还是 provider 更好用. 更推荐 GetX.
• 其他方案, 不推荐新项目使用.
• 老的项目, 看明白 redux, bloc 的用法, 逐步过渡.
• 原理上, 都比较类似, 理解了 provider, 对于理解其他方案, 有帮助.

diff:

• https://github.com/lijungegea/flutter-state-comparison
  • redux:
  • BLoC:
  • Provider 与 Scoped_model
• https://www.cnblogs.com/mengdd/p/flutter-state-management.html
• https://github.com/mengdd/counter_state_management
• https://juejin.im/post/6844903684728422413
• 推荐 MobX: https://zhuanlan.zhihu.com/p/149073751

ref:

• http://chuquan.me/2020/06/06/flutter-state-management-action/

原理:

• Flutter is declarative.

• Ephemeral state vs App state

示例代码:

• https://fluttersamples.com/

[hhstore]

Provider 方案:

• https://flutter.dev/docs/development/data-and-backend/state-mgmt/simple
• https://medium.com/flutter-community/making-sense-all-of-those-flutter-providers-e842e18f45dd

ref:

• 长文, 必看: https://juejin.im/post/6844903864852807694
• 使用教程: https://juejin.im/post/6844903955403653127
• https://coldstone.fun/post/2019/09/11/flutter-provider-todos-01/

优缺点:

• https://juejin.im/post/6844903864852807694#heading-37

lib:

• https://pub.dev/packages/provider

示例:

• https://github.com/OpenFlutter/Flutter-Notebook
• https://github.com/OpenFlutter/Flutter-Notebook/blob/master/mecury_project/example/provider_example

官方示例:

• https://github.com/flutter/samples/tree/master/provider_shopper

过去式: ScopedModel

• Provider 是 ScopedModel 的进阶方案.
• https://pub.dev/packages/scoped_model
• https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/scoped_demo
• https://juejin.im/post/6844903680844496904

[hhstore]

其他过气方案:

• 曾经流行, 但是新项目, 没有必要再使用.

Provider 高阶用法:

• https://github.com/shichunlei/flutter_app/blob/591c8a3898/lib/base/provider_widget.dart
• 基础封装, 分析依赖.

MobX 方案:

• https://www.infoq.cn/article/vGjG8bszpQVZG9MVM2XP

示例:

• https://fluttersamples.com/
• https://fas_mobx.codemagic.app/#/
• https://github.com/Zfinix/crypto_mobx

Fish Redux:

• https://github.com/alibaba/fish-redux
• https://github.com/alibaba/fish-redux/blob/master/doc/concept/features.md
• https://github.com/alibaba/fish-redux/blob/master/doc/concept/what's-the-diiference.md

ref:

• https://juejin.im/post/6844903961284050957
• https://juejin.im/post/6844903966937989133

Redux:

• https://juejin.im/post/6844903683327524871

BLoC:

• https://juejin.im/post/6844903689082109960

RxDart:

• https://juejin.im/post/6844903700733886471

[hhstore]

1

[hhstore]

xxxxxx:

xxxxxxxxxxxxxx	xxxxxxxxxxxxxx	xxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx
xxxxxxxxxxxxxx	xxxxxxxxxxxxxxxxxx	xxxxxxxxxx

[cvilia]

Getx也介绍一下呗，这个适不适合用啊，真怕跟fish-redux一样到最后半年不更新

[hhstore]

Getx也介绍一下呗，这个适不适合用啊，真怕跟fish-redux一样到最后半年不更新

• GetX 很棒, 我最近会写个 GetX 的专题.
• 实际使用体验比 Provider 好太多, 强推. 目前项目已经全面由Provider 切换到 GetX.
• Provider 实际使用依旧很繁琐, 虽然比 Redux 好, 但是不够丝滑.
• GetX 不只是提供状态管理, 包括路由跳转, 都做的非常好.

@Cvilia

update: 关于 GetX 的介绍.

• https://github.com/hhstore/blog/issues/235