https://github.com/CodeSequence/ngrx-store-hmr

Experimental HMR support for @ngrx/store
https://github.com/CodeSequence/ngrx-store-hmr

Last synced: 2 months ago
JSON representation

Experimental HMR support for @ngrx/store

• Host: GitHub
• URL: https://github.com/CodeSequence/ngrx-store-hmr
• Owner: CodeSequence
• Archived: true
• Created: 2016-03-21T13:12:54.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-06-17T15:23:22.000Z (over 8 years ago)
• Last Synced: 2024-07-01T00:27:50.771Z (3 months ago)
• Language: TypeScript
• Size: 4.88 KB
• Stars: 20
• Watchers: 8
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# @ngrx/store HMR

Experimental HMR support for [@ngrx/store](https://github.com/ngrx/store) based on [angular2-hmr](https://github.com/gdi2290/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:

```ts

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);

}

```