Support hot reload for server components

Question

Support hot reload for server components

tom-sherman opened this issue a year ago · 11 comments

Unless I'm mistaken waku dev only supports full-page reload with HMR right now, could it support react fast refresh?

Answer 1 · 2023-07-28T22:24:56.000Z

Fast refresh should work if you only modify client components. If a file is used both by client components and server components, it will full reload.

Answer 2 · 2023-07-29T08:56:24.000Z

Ah cool. It would be great to support fast refresh of server components then! This is possible in Next.js.

Answer 3 · 2023-07-30T09:52:04.000Z

Yeah, if it's technically possible, we could do it. As Vite (probably) supports only fast refresh of client components, to support that of server components, Waku would need its own mechanism...

Answer 4 · 2023-07-30T13:55:25.000Z

Yep. I'm hoping vite allows you to extend the websocket messages so that it could say something like {type: refresh, component: App} and that would trigger Waku client to re-fetch the RSC.

Answer 5 · 2023-12-27T02:19:06.000Z

@dai-shi
I'm interested in it!
Out of curious, I was wondering if I could find where you refer to make vite-plugin-rsc-reload.

I try to find the references about RSC fast refresh, but I could do it just in Next.js. It seems like that Vercel made HotReloaderWebpack module to fast-refresh a various of changes such as clientComponentChanges, serverComponentChanges, etc.

What I make vite rsc fast-refresh plugin is a bit challenge, but I would like to invest it

Answer 6 · 2023-12-27T02:53:46.000Z

Yeah, it will be challenging. We need to detect the server component changes and then do RSC refetch.

Answer 7 · 2024-01-11T15:05:58.000Z

this has a priority after v0.19.0.
i'll eventually work on it, but not soon. meantime, feel free to tackle it.

Answer 8 · 2024-01-11T15:29:45.000Z

i was investigating but It's a bit hard for me to solve this issue cause i don't have enough knowledge about the vite bundler.
but yeah i will try to do this :)
If someone have the solution, feel free to catch it

Answer 9 · 2024-01-12T00:52:04.000Z

Please feel free. We are all new to this stuff. You will learn something trying this, even if you don't reach the final solution. Challenging is good.

Answer 10 · 2024-01-21T06:20:13.000Z

As it seems there is a high demand on this #404, I will work on this with priority.

Answer 11 · 2024-02-06T14:00:37.000Z

I will call it "hot reload", because what I will do is not React Fast Refresh, nor HMR.