Re-build stylesheets on hot reload

[Kerumen]

Is it possible?

I tried the following but it's not working.

if (module.hot) {
  module.hot.accept(() => {
    EStyleSheet.build();
  });
}

[vitalets]

hi,
it should be possible after #7
What error message you are getting?

[Kerumen]

I don't have any error message. It's just not working silently.

[vitalets]

I think styles are re-calculated, but components are not re-rendered automatically (because EStyleSheet.build(); does not force re-render, it's just re-calculates styles).
Could you check it somehow? Maybe call forceUpdate() on some component after EStyleSheet.build() caused by hot reload?

[Kerumen]

Yup, you were right. Any ideas about how can I force the rerender ?
I can't put a forceUpdate in each component..

[vitalets]

Agree. It's not the solution to manually update components.
Currently i'm working on re-render components on orientation change #9 and in fact it is the same task.
I think we will wrap top components into mixin that will keep them update on an style changes (no matter it was hot reload or orientation change)
So waiting for #9 here..

[Kerumen]

Okey I will watch #9, thanks :)

[gastonmorixe]

Any updates on this? I have styles.js file and it is not updating on hot reload.

[vitalets]

@gastonmorixe Could you provide a simple snippet demonstrating it?

[alvinwoon]

+1. HMR is broken for some reason. Using it via Expo tho.

[vitalets]

I'll keep this open to not forget about hot reload.

[vitalets]

Released support of HMR in 0.8.0. Also added a docs section.
Feel free to reopen in case of any issues.