Merch 1.x UI

Development Process

1. Task definition

Replace the existing legacy UI completely, but keep in mind that the same code base might be used as a client for new APIs.

Legacy Hybris Merchendising

Merch 1.x

2. Plan of attack

  1. Angular 5
  2. NGRX/store state management
  3. Full TypeScript support (zero tolerance for any type)
  4. YAAS minimal requirements 

3. Infrastructure

Development environment

1. NGINX as a local proxy

2. Mock JS config for local dev server

 

3. Infrastructure

Deployment scheme

https://wiki.hybris.com/display/~artsiom.mezin@sap.com/Merchandising+v1.x+deployment+scheme

3. Divide and conquer

1. API description

2. TypeScript Models

3. HttpClient services

4. NGRX/entities

5. NGRX actions for CRUD

Network Layer

3. Divide and conquer

1. Common Components

2. Independent Views

UI Layer

3. Divide and conquer

1. MixCard Results Service

2. NGRX/effects

Business Logic Layer

4. Plans for the future

1. Replace the Network Layer

2. Enrich the UI layer with Fundamental UI

Made with Slides.com