Basis of the Using Skia with Regular Components in RN

[Bayramito]

I was waiting to upgrade my project to <66+ to be able to use Skia and finally did it. And just started to draw some things via tutorials and resources on the internet.

So i have a basic question, as far as i understood, we are just drawing stuff and then applying some logic to be able to use like real components like making them clickable, adding gestures etc...

And all of these stuff being inside a Canvas component provided by Skia.

So I just tried to make Neumorphism from the video of @wcandillon

which is this one:
Neumorphism in React Native

So everything is working very cool if we do it like in the video.

But he is drawing these examples very big and in a full width / full height Canvas.

So,
How we actually convert these kind of stuff to a real reusable compoents ?
How should be the logic behind it?
For example i want this shape to be fully flexable based on it's parent or child component.
Should I always draw a full height and full width Canvas ?
Becouse if yes, i am positioning my components by absolute position...
I couldn't get the basic methodology behind the Skia combining with RN compoents and could not find any helpful resource for that. Another thing is just like in the video @wcandillon making the first shape clickable but how we actually binding an event to it?

just like runOnJs(myFunc)() or there is a much more professional way to do that?

And so on... So if @wcandillon can make a YT video about these basics will be perfect for beginners in skia like me.

[wcandillon]

At the moment, we don't have a way to build layouts in Skia.
We have built an API named Skia DOM: https://github.com/Shopify/react-native-skia/blob/main/package/src/dom/types/Node.ts#L14
The API would need to be extended with a getBounds() function. From there, you could build nodes that would access the size of its children and then translate them accordingly.

[Bayramito]

Would be great actually if you could make us a video on youır YT channel for reusability