ReactNのuseGlobalはgetを監視する
ReactNのuseGlobalにおいて、useGlobal("foo") とプロパティを明示するのではなく useGlobal() と省略して呼び出した場合、ReactNは返したグローバル値に対するgetのアクセスを監視してaddPropertyListenerする。
というわけで「useGlobal()したらすべての更新で再描画が走っちゃう？」という懸念は不要だった。
useGlobal
code:use-global.ts
export default function _useGlobal<...>(...): UseGlobal<G, Property> {
...
if (typeof property === "undefined") {
...
}
spyState
code:global-state-manager.ts
public spyState(propertyListener: PropertyListener): G {
// When this._state is read, execute the listener.
return objectGetListener(
this._state,
(property: keyof G) => {
this.addPropertyListener(property, propertyListener);
},
);
}
objectGetListener
code:object-get-listener.ts
// Return an object that executes a read listener.
export default function objectGetListener<Shape>(
obj: Shape,
listener: Function,
): Shape {
return (Object.keys(obj) as (keyof Shape)[]).reduce(
(accumulator: Partial<Shape>, key: keyof Shape): Partial<Shape> => {
Object.defineProperty(accumulator, key, {
configurable: false,
enumerable: true,
listener(key);
}
});
return accumulator;
},
Object.create(null)
);
};