App does not reload, can't see "Live Reloading" option

[ptgamr]

Environment

[email protected]
@haul-bundler/[email protected]

App run via npx react-native run-android in an Android emulator.

Description

Brand new react native project, app does not reload as I change the source file and I can't see Live Reloading option.

I saw Enable/Disable Fast Refresh instead, and toggling this on/off doesn't make any difference.

As I understand, Fast Refresh isn't supported yet: #583

I'm not too sure this is a bug, I might have missed something.

[zamotany]

Live Reload was removed in favour of Fast Refresh, which we doesn't support yet. There's no Live Reload option anymore.

[ptgamr]

@zamotany thanks for the info. I think this should be included in the docs as I think others might have the same question... I tried out Haul today and really glad that symlink did work... but Live Reload is kind of an essentials feature for me while developing. Do you have an idea when Fast Refresh will be supported?

[zamotany]

Hard to tell, it really depends on how difficult will be to integrate https://github.com/pmmmwh/react-refresh-webpack-plugin with Haul - more specifically with React Native environment. I already know, that some code will need to be rewritten in react-refresh-webpack-plugin, since it assumes there's a global window variable.

[zamotany]

If you want, you can try integrating that into your project. For a quick workaround for window you can use BannerPlugin with something like this, to expose window variable:

new webpack.BannerPlugin({
  banner: 'this.window = this',
  raw: true,
});