Snippet

Private Class Fields with WeakRef Caching for Stateful React Subscriptions

In object-oriented state management architectures for React, encapsulating listener registries using ES2022 private class fields ('#') enforces true runtime encapsulation. Combining private fields with WeakRef allows storing heavy payload references without preventing garbage collection if React unmounts subscriber components.

snippet.js

javascript

export class ReactSubscriptionManager {
  #listeners = new Set();
  #cacheRef = null;
 
  subscribe(listener) {
    this.#listeners.add(listener);
    return () => this.#listeners.delete(listener);
  }
 
  setCachedPayload(payload) {
    this.#cacheRef = new WeakRef(payload);
  }
 
  getCachedPayload() {
    return this.#cacheRef ? this.#cacheRef.deref() : undefined;
  }
}

react

Breakdown

#listeners = new Set();

Declares a private instance field inaccessible outside class methods for strict state privacy.

this.#cacheRef = new WeakRef(payload);

Holds a weak reference to state objects allowing garbage collection when unreferenced elsewhere.

return this.#cacheRef ? this.#cacheRef.deref() : undefined;

Safely dereferences the target payload object or yields undefined if reclaimed by GC.

Previous snippet Next snippet

More Expert JavaScript exercises →

Private Class Fields with WeakRef Caching for Stateful React Subscriptions

Related