Obx #

• English Document
• 中文文档

Obx is tiny \ fast \ simple state manage.

• Obx not need Provider at root Widget.
• Obx use memo to intercept update, like react.Hooks.
• Obx is tiny and ease use, only 2 API:
  • ob
  • next

All in the picture #

Definition class User in user.dart:

Import user.dart:

Overall interpretation #

Instance a user，extends Obx:

// Definition Obx
class User extends Obx {
  String name = "dog";
}

// Instance, use some widgets
var user = User();

Subscribe and return a weight:

user.ob(()=>Text(user.name))

Submit and update user.ob's subscribe:

user.next()

Install Obx #

Change pubspec.yaml:

dependencies:
  obx:

Better performance #

Use memo options params, like React.useMemo, only rerender data in memo array.

Example only rerender when user.name change:

user.ob(
  () => Text(user.name), 
  memo: ()=>[user.name],
);

That all, keep sample :)