Optimizing Hot Reload Performance with Rspack and Module Federation 2 (MF2)

[longb1997]

Hi everyone,

I'm currently working on a project using Rspack with Module Federation 2 (MF2) and have noticed that the hot reload performance feels noticeably slower compared to Metro (used in React Native projects). While Rspack is incredibly fast for builds, the hot reload experience with MF2 seems to lag, which impacts the development workflow.Here are my questions:Are there any specific configurations or best practices to optimize hot reload performance when using Rspack with MF2? For instance, tweaks in the ModuleFederationPlugin or Rspack's dev server settings?

What are the key factors that influence hot reload speed in this setup? From my understanding, factors like module sharing, remote module loading, or WebSocket connections might play a role, but I'd love to hear insights from the community or maintainers.

Has anyone compared Rspack + MF2 hot reload performance with Metro, and are there specific strategies to bridge the gap?

For context, my setup includes:
React Native: 0.76.9
Rspack version: 5.1.2 + MF2

Any tips, configurations, or insights would be greatly appreciated! If there are known issues or ongoing improvements in this area, please let me know.Thanks,

[jbroma]

there is a lot of variables at play here and it's hard to determine the cause - with Rspack, it should scale up nicely - can you provide some kinda of feedback in terms of how long are the HMR times? Or perhaps a video depicting the problem?