This is a great attitude to have. Keep up the great work.

Retaining state is a pain and causes bugs. Trying to get fancy a la react and diffing the tree for changes makes not sense. That was a performance hack because changing the DOM in JS used to be slow as hell. You don't need that.

Just redraw the whole thing every frame. Great performance, simple, less bugs.

I found that I have two different ways to construct UI layout , from top down, and from down to top, those could be contradictory, wonder how one could solve this, seems like common problem in all frameworks that I saw, like flutter just fail with error on screen if it can't solve restrictions in such conflict , others just show jiberish

But less if you had spent a fraction of that time just learning about established solutions and hacking around those

(ironic indicator: the first button on the page reflows on first click, so an example of bad UI)

the API is a very simple one where you slice parts off an initial Rect. the only feature it provides is that it tracks (x, y, h, w) for you.

it doesn't work well with intrinsic sizes - it's more of a top down, fixed size thing.