How to handle HMR rehydration in development server?

[jcayzac]

I'm using fre with vitejs. I get browser events whenever I change a file, but I don't know what to call in fre to rehydrate. Should I just call render() again? Won't that lose state, tho?

[yisar]

In fact, this is more difficult, I have tried, you need to ast analysis of the changed file, and then find the corresponding component, and then call scheduleUpdate (theComponent)

https://github.com/yisar/deku/blob/master/src/client.ts

Are you interested in this? I am willing to assist you to complete a prototype implement.

[jcayzac]

It seems very close to what I've seen some vite plugins do. I'll try to make it work when I find the time. Thanks!

[yisar]

Can you make the repo publicly? I can assist you and pull prs for you.

Thank you.

[jcayzac]

I've been working on this branch: https://github.com/jcayzac/vite-react-ts-eslint-prettier-tailwindcss/tree/feature/fre

From the Vite docs, it seems all is needed is a plugin with a handleHotUpdate hook. The vue plugin has code that's similar to what you're doing in Deku.