NGRX Entity style with Signals for per-record item fast update performance?

[hollow breach]

How would you emulate this NGRX Entity style with Signals when you have record items having frequent updates and you don't want to recreate arrays constantly.

Typically you'd do something like this:

state = signal(
{
  1: { name: 'A', progress: 0 },
  2: { name: 'B', progress: 0 },
  3: { name: 'C', progress: 0 },
});

const data = computed(() => state()[1].progress);

But if an entity record updates its progress very very frequently that thrash unnecessary array creation.

You could split the the signal into a signal of ids: number[] and perhaps a map of signals for the entities to access, but that feels super cumbersome.

Any better ideas?

[cosmic forge]

Just recreate the array. You're not doing a deep copy, you're just making a new instance of an array with the same set of pointers to the contained datasets. These operations are cheap compared to the render operations in the browser.

If your list is so large you are pondering performance problems on the JS side, you likely should be using pagination anyway.