RCT 2020–08 Design pattern survey

陳奕安
3 min readMay 7, 2021
MVC
MVP
MVVM

Comparison

Redux

Redux

Advantage

  1. entity module with adapter
  2. can adopt with DDD
  3. all component could set to on push
  4. Redux dev tool can see all value in-store without any console log
  5. Domain & presenter all in-store?

Resource:

Source: https://www.angulararchitects.io/en/konferenzen/ngrx-best-practices/

Ngrx vs Ngxs

https://medium.com/@joshblf/migrating-from-ngrx-to-ngxs-in-angular-6-ddddcdce543e

https://blog.singular.uk/why-i-prefer-ngxs-over-ngrx-df727cd868b5

NGXS: https://www.ngxs.io/concepts/intro

Life cycle

NGXS WebSocket data flow

DDD

DDD
  1. 若是兩者採 Shared Kernel (共享內核),則共用程式碼。
  2. 開放 API (RPC、REST、GraphQL…)。
  3. Message Queue 處理機制

--

--