en mis aplicaciones estoy usando Pixi.js para dibujar un mapa con múltiples elementos. Cada segundo se actualizan las posiciones de estos elementos, el problema es que cada vez que se actualiza la posición se crea el elemento desde cero (se destruye el componente) pero necesito tener un valor previo de posición para hacer algunos cálculos. Así que quería agregar ese estado a la tienda, pero para tenerlos allí, necesito despacharlos. Entonces, por ejemplo, se crean 30 elementos al mismo tiempo cada segundo, y todos se envían al mismo tiempo. Está rompiendo la aplicación. ¿Tiene algún consejo sobre cómo almacenar estos datos de manera diferente para no causar problemas de rendimiento?

Este es mi método reductor:

 function updateRotation(state: State, callSing: string, rotation: number): State { const newState = cloneDeep(state); if (!newState.elementRotation) { newState.elementRotation= {}; } newState.elementRotation[callSing] = rotation; return newState; }