All Projects → CodeSequence → ngrx-store-hmr

CodeSequence / ngrx-store-hmr

Licence: other
Experimental HMR support for @ngrx/store

Programming Languages

typescript
32286 projects

@ngrx/store HMR

Experimental HMR support for @ngrx/store based on angular2-hmr

Setup

First install the library:

npm install ngrx-store-hmr --save-dev

In order for your application to have HMR support, you need to wrap your bootstrap call in a function that receives an optional HMR state object:

import { provideStore } from '@ngrx/store';
import { hotModuleReplacement } from 'ngrx-store-hmr';
import { reducer } from './reducer';

// Wrap bootstrap in a function that accept an optional hmrState
function main(hmrState?: any) {
  return bootstrapp(App, [
    provideStore(reducer, hmrState)
  ]);
}

if(module.hot) {
  hotModuleReplacement(main, module);
}
else {
  document.addEventListener('DOMContentLoaded', () => main);
}
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].