what make the bad performance? about react-konva

[lavrton]

So first I think you have too many rectangles. Probably if you will draw a black background and draw ONLY red cells performance will be much better.
Then if you don't need interactivity (pointer events), you should set:

<Layer hitGraphEnabled={false}>

This tip will improve performance twice.

[lavrton]

If it is still not enough - I suggest not to use React and not to use Konva, or any other library for canvas drawing. And draw into canvas manually via native context. I am 100% sure performance in this case will be super duper cool.

[jy1989]

Thank you for your suggestion! that's very helpful

that's what I made something for fun and learn about react.

so I will try to update my code as you said.