How do I increase the performance of a Canvas inside a WebView inside React Native?

Question

Canvas

I really need your advice!
The case of my application is as follows: we have a WebView with a canvas inside, we build the canvas through the Konva.js framework, we draw the canvas itself with vectors that come to us from bold json with a description of the commands on how to draw our curves and vectors.
The app actively communicates between React Native and WebView. There are both commands sent inside the WebView to redraw the canvas, and commands coming from the WebView to receive various events such as taps on the canvas.
I'd love to hear any advice on how I can increase the productivity of this whole thing?
So far, the main idea in my head is to get away from the vector, generate a regular png image and output them.
If suddenly someone has thoughts about this or maybe someone did something similar, I would be glad to hear)

Answer 1

Relinquish web view