SolidJS support

[fastify]

SolidJS support

[yonathan06]

I'm also interested in having an integration with SolidJs
I don't have much experience with SolidJs, but did a PR in my personal fork if you want to take a look with a basic implementation
https://github.com/yonathan06/fastify-vite/pull/1/files

this will take some time as I'm new to it (both SolidJs and Vite), so feel free to throw your thoughts

[galvez]

We have a Solid example for fastify-vite now and full blown support in Fastify DX!

[gishmel]

I am interested in using this with a SvelteKit application; could we maybe work together on a PR to make it more framework agnostic? I am also not super familiar with this library though so it would take some time for me to read up but think I can help if we are working toward a more framework agnostic library; let me know if that's of interest.

[lxsmnsyc]

I'm not sure how will that play well, specially since both Svelte and SolidJS uses specialized compilers for their own.

[galvez]

I'm interested in seeing how well the Renderer API will accommodate for this.

It may need further refinements, but I'd say it's close?

[lxsmnsyc]

The Renderer API seems to be sufficient enough based on what I've seen on React. On the other hand, there are some other features that SolidJS handles out-of-the-box (e.g. isServer, hydration scripts, etc.). I'll probably write a POC tomorrow and see if there's any issues.

[galvez]

Another thing that needs to be done ASAP is writing a compiler for the production html.js — right now it's a just a chained series of .replace() calls but it needs to be a precompiled template — maybe using string-template?

[lxsmnsyc]

https://github.com/terixjs/fastify-vite/blob/main/packages/fastify-vite-react/html.js#L20-L31

I just checked it again. Is this markup placeholder being injected by fastify-vite?

Also just to add: https://www.solidjs.com/guide#hydration-script
SolidJS has its own hydration capabilities already managed and rendered into the SSR. I'm not sure how this would work with fastify-vite given that it has its own mechanism.

[galvez]

I just checked it again. Is this markup placeholder being injected by fastify-vite?

Yep — that's the thing I want to start precompiling.

SolidJS has its own hydration capabilities already managed and rendered into the SSR. I'm not sure how this would work with fastify-vite given that it has its own mechanism.

I'm open to changes in the renderer API to accommodate for this.

[lxsmnsyc]

TBF, I feel like it can be mixed with Solid's generateHydrationScript if I have to assume that the hydration part is only for the hooks fastify-vite supplies.

Again, I'll have to write a PoC to see if there's any design issues, in which case I can probably suggest some.

[galvez]

@yonathan06 Amazing, can I ask you to go ahead and put this is up as a PR to our dev branch? I can probably chime in to fill the gaps on the fastify-vite architectural site.

[yonathan06]

@galvez sure, I think I need access to push the feature branch