Transformations through attributes or by using transform?

[alisasila]

Hello, first of all love the library!

I have a Skia Canvas that in different instances can render anywhere between 10 and 5000 circles.
Wrapping the canvas I have a GestureHandler that I use for zoom and pan logic on the canvas.

To make the circles look like they're "the same size" no matter the zoom level, I need to transform the circles by the "opposite" of the zoom scale.

Currently what I do is take my "unscaled" radius (so 5), and multiply it by the opposite of the zoom scale.

const r = useDerivedValue(() => {
  return 5 * (1 / scale.value) 
}, [])

And then pass it like this:

<Circle
  cx={cx}
  cy={cy}
  r={elementCircleRadius}
  origin={{ x: cx, y: cy }}
>
  <Paint color={color} />
</Circle>

Now coming from web development it's generally recommended to use transform instead of changing top, left, and width values etc..

Here I followed the docs, but my question is - in cases where performance really matters, would you also strongly recommended to use transform instead of passing a SharedValue to the component's attributes too?