Since I started posting about LiveVue I got regular requests:
That sounds amazing! What about LiveReact? LiveSolid? LiveQwik?
And that’s a fair point, every developer has his own preference & past experiences. So I thought about it a lot and I think there’s a room for such a solution. We could have a shared library called LiveSPA handling all of these:
- Installing bundler (Vite or ESBuild). Maybe some automated script.
- Function component rendering a div with all the props / handlers / slots
- Giving a higher-order hook - library consumers would need to just provide code to mount / update / destroy component based on arguments, it would handle deserialisation etc.
- Handling Server-Side Rendering (maybe own implementation, not relying on node_js package)
- Handing JSON diffs & general performance optimizations (avoiding re-sending not-updated fields etc)
- Giving all the helpers - ~V sigil for in-place declaration of a component, shortcuts for easier usage etc.
All in all, there’s quite a long list of shared stuff every such library would need to do.
Then, we could implement LiveReact, LiveVue etc (I don’t believe all these should be “packed” into a single lib, these should be probably maintained by different authors) by consuming all these utilities. They would consist only of:
- Bundler config
- JS hook implementation
- Some wrapper around component from point 2) to make it more idiomatic.
- …and that’s it?
That said, I want to explore all the possibilities with LIveVue, maybe help to implement some improvements I figured out to LiveSvelte and then talk how we could move that topic forward.
We could get inspiration from Inertia.js, doing a similar thing for PHP / Ruby but without live updates.
TBH reddit also commented that name is ambiguous.
