Loadable Components?

[justin808]

Has anybody tried this plugin with loadable-components?

I'm guessing that there will be a similar issue:

• Not compatible with loadable-components? gaearon/react-hot-loader#1361
• loadable-components breaks Hot Module Replacement (HMR) gregberge/loadable-components#243

[pmmmwh]

Loadable was never on my radar, but fast refresh works quite differently from RHL. Nonetheless, as Anton has stated in the linked issue, class-based components will lose state upon update (this is a known constraint for FR).

I am leaning towards that it will work, but I currently don't have much time to test this out since I don't use loadable myself.

[avetisk]

I'm using both together and haven't had any issues so far.

[pmmmwh]

I have verified that it works with loadable, and will persist state given that it is wrapping a function component.

[justin808]

@pmmmwh @avetisk did you try this plugin with loadable-components and SSR?

React.lazy is probably preferable to loadable-components if no SSR is needed.

[pmmmwh]

@pmmmwh @avetisk did you try this plugin with loadable-components and SSR?

No, but it works for CSR - so in theory it should work for SSR too. If it doesn't work, most likely it is a Webpack configuration problem rather than the plugin's problem.

[adbutterfield]

Not sure if anyone would be interested, but I have an example with SSR and loadable-components/typescript/styled-components: https://github.com/adbutterfield/fast-refresh-express