Hot reloading

[doczoidberg]

I am not sure if this is the right project asking for it but is something like react's hot reloading possible with Angular 2 + Webpack? I don't think is possible by Angular`s design?

Edit: the mentioned project is replaced by babel-plugin-react-transform.
More Information here

[filipesilva]

Hm.... I know webpack has hot reload, but I get the feeling the functionality described in your links is more advanced than this.

A better place to ask is https://github.com/angular/angular, I think.

[zackarychapple]

I agree with @filipesilva that this is better asked on Core, however depending on what happens there we might need to make adjustments as well.

[doczoidberg]

seems that this is a webpack configuration issue?

https://webpack.github.io/docs/hot-module-replacement-with-webpack.html

so this is the right place for my question

[filipesilva]

Hot module replacement as provided by webpack allows an app to reload a module/file on the fly. That bit is definitely a configuration feature.

However, the way by which the application responds to having modules being reloaded is an app/framework issue.

In the case of react, the hot reload behaviour seems to have been achieved via heavy instrumentation of components. This makes sense, because their state needs to somehow be persisted and re-introduced on the newly reloaded components.

I am not aware of such an angular feature, but there might be something to it if you ask on the angular repo. The CLI could perhaps have webpack's hot reload, but it wouldn't do much on it's own.

[doczoidberg]

Here is a boilerplate with HMR enabled. It does not save the state when hot reloading.

This is a store specific thing? Can this be solved by using RxJs?

[doczoidberg]

nice article: http://blog.mgechev.com/2015/10/26/angular2-hot-loader-hot-loading-tooling

to sum up: it works with architecture considerations or it needs additional tools which patch the components without reinitiializing them.

Are there any angular tooling repositories? I think it's time to get the right tools for angular 2 now.

[filipesilva]

I am not aware of any, but have not really looked at it. Would love to hear about it if you find them!

[vladwulf]

You can find the angular2-cli friendly seed with redux and hot reloading here.
https://github.com/VladWulf/angular2-redux-hmr-boilerplate

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}