PMA with NGRX Integration
白皮书
Background
PathWave Manufacturing Analytics (PMA) is an established Industry 4.0 web-based big data analytics solution for improving electronic manufacturing efficiency and quality. In the PMA stack, Angular 2+ is currently used as the client-side framework. In order to improve the performance of the platform, we will explore how to implement NGRX library into the existing client-side framework. The components and benefits of NGRX implementation will be discussed in this paper as well.
Introduction of NGRX
NGRX is a library created for angular framework to achieve redux pattern by providing a reactive state management. As shown in Figure 1, NGRX is a combination of RXJS library, redux pattern and angular 2+ framework. For NGRX to be implemented in angular 2+ framework, several new components are created and declared; namely action, reducer, effect and store. Each of these components play important roles. Figure 2 below shows how the data flow within the components in NGRX.