Poor performance in production build about react-konva HOT 6 CLOSED

Find out the problem in package.json for production build
Very fast:
">1%",

Very slow:
">0.2%",

from react-konva.

I don't see a difference on my machine.

from react-konva.

BTW. Instead of using visible=false on a Konva node, it will be better to remove if from the scene. Like this:

  function createTimebarTextItem(xId, xVisible, x, y, xWidth, xTask) {
    if (!xVisible) {
      return null;
    }
    return (
      <TimebarTextItem
        key={xId}
        index={xId}
        x={x}
        y={y + 25}
        title={xTask.title}
        visible={xVisible}
        timebarTextRefs={timebarTextRefs}
        width={xWidth}
      ></TimebarTextItem>
    );
  }

When you change a transform attribute of any container (like y of Layer), Konva is doing plenty of recalculations. Even for invisible nodes. So removing that should be simpler for Konva to handle.

from react-konva.

http://myplanner365.s3-website.eu-central-1.amazonaws.com/

This is the same project build by react-scripts build

from react-konva.

I don't know. That url works good to me. I have the same 13fps, when I set 4x CPU slowdown.

from react-konva.

okay, seems to be a problem by my pc, on another machine the problem doesn't exists, sorry!

from react-konva.