Column Control DTX

PMA with NGRX Integration

White Paper

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.

×

*Indicates required field

*Required Field
Preferred method of communication? Change email?
Preferred method of communication?

By clicking the button, you are providing Keysight with your personal data. See the Keysight -Datenschutzaussage Informationen darüber, wie wir diese Daten verwenden.

Thank you.

A sales representative will contact you soon.

Column Control DTX