Implement a server side DOM to make more efficient updates

[aalin]

Would be great to implement a DOM in Ruby and apply the VDOM-patches to the server side DOM, and then morph it kinda like morphdom does...

That way, less HTML would have to be updated each time, element reuse would be more efficient, because diffing would be done on element level and not on component level, so if different components return the same type of elements, their actual DOM nodes could be patched instead of replaced..

And if a visitor loses the connection somehow and is unable to resume the session, they could serialize the DOM and send it to the server, and the server could then render the app and make patches against the DOM that the user had at that moment... Right now with the "new" server, a full page reload is required when that happens...

It would just make everything more robust...

Could maybe even be of help to #18, because these DOM-subtrees could probably be hashed quite efficiently..

These libraries look pretty interesting:

• https://github.com/patrick-steele-idem/morphdom
• https://github.com/choojs/nanomorph
• https://github.com/bigskysoftware/idiomorph

I might make an attempt at something like nanomorph and see where it goes..

It should probably be called SDOM... The VDOM updates the SDOM which then creates patches for the regular DOM... And the SDOM can be recreated from the browser DOM when resuming/reinitializing..

It would maybe actually be possible to use Nokogiri for this. I'm currently looking into how to use Nokogiri in tests

---

UPDATE: Been watching a few streams by SolidJS author Ryan Carniato. I'm trying to understand how signals and SolidJS work. Maybe could ditch the VDOM and just use a nokogiri-based DOM on the server.

---

UPDATE2: Been watching more videos and doing some experiments. Better use Ryans approach and do more granular updates instead. What I was thinking before would probably be less performant.

[aalin]

Better find a way to do granular updates.

[aalin]

Better do granular updates. :)