Actualmente estoy desarrollando una interfaz web para un sistema de cámara. Utilizo el framework de reacción y websockets para comunicarme con la cámara. Tengo que representar una imagen en un lienzo en varios lugares de la aplicación. Los datos de la imagen vienen como una matriz que contiene valores de brillo para cada píxel. La resolución es de 800x600, por lo que hay 480 000 entradas de matriz. Me gustaría almacenar la última imagen recibida para no tener que solicitar una nueva cada vez que renderizo un lienzo. Intenté almacenar la matriz en el estado del componente de la aplicación, pero la interfaz de usuario se ralentizó mucho. ¿Alguna recomendación sobre cómo almacenar esos datos y acceder a ellos desde diferentes lugares?