从源码解析 MobX 响应式刷新机制

前言

MobX 的设计似乎很神奇，感觉使用了一个 Observer 后就能自动跟踪状态对象的变化，实现响应式刷新。这个具体是如何实现的呢？我们来从源码梳理一下。

Observer 类

Observer 类的类关系图如下图所示。

这里面有几个关键的类，我们一一进行介绍。

StatelessObserverWidget

abstract class StatelessObserverWidget extends StatelessWidget
    with ObserverWidgetMixin {
  /// Initializes [key], [context] and [name] for subclasses.
  const StatelessObserverWidget(
      {Key? key, ReactiveContext? context, String? name})
      : _name = name,
        _context = context,
        super(key: key);

  final String? _name;
  final ReactiveContext? _context;

  @override
  String getName() => _name ?? '$this';

  @override
  ReactiveContext getContext() =