angular-redux-dynamic-modules

Helper service and module, which gives ability add modules dynamically to store


Keywords
angular, redux, dynamic, module
License
ISC
Install
npm install angular-redux-dynamic-modules@0.2.4

Documentation

Dynamic modules configuration for Angular Redux

Works with async modules too.

How to use:

App module:

import { StoreModule } from 'angular-redux-dynamic-modules';

@NgModule({
	declarations: [
		AppComponent
	],
	imports: [
		...
		StoreModule,
		...
		UserModule,
		HRModule,
	],
	bootstrap: [AppComponent]
})
export class AppModule { }

User Module (for example):

import { StoreConfigService } from 'angular-redux-dynamic-modules';


@NgModule({
	imports: [
		CommonModule,
	],
	providers: [Actions, UserService, Epics],
})
export class UserModule {
	constructor(
		storeConfig: StoreConfigService,
		epics: Epics
	) {

		// Register State
		storeConfig.addModule(
			'User',
			InitialState,
			reducer,
			[epics]
		);

	}

}

Dispatching Actions:

import { Dispatcher } from 'angular-redux-dynamic-modules';
import * as user from '@modules/user';
import * as hr from '@modules/hr';

export class MainComponent implements OnInit {

	constructor(
		private store: Dispatcher<hr.PublicAction | user.PublicAction>
	) { }
	
	ngOnInit() {
		this.store.dispatch({
			type: hr.ActionType.LoadList,
			filterName: '',
			filterSurname: ''
		});
	}

}

Also please check out: Example App