アーキテクチャ
React アプリの layer
Juntao Qiu の React モジュール化の記事に沿って、決済画面を view、model、data に分ける。サンプルリポジトリを実際に動かして見つけた useMemo の無効化と fetch の繰り返し、そしてこの構造をいつ使うかの判断もまとめた。
状態管理
フロントエンドの状態管理をローカル・グローバル・サーバー・フォーム・URL・外部・ガードの7分類に分け、分類ごとに合うツールと境界を整理する。最後に、状態を作る前に投げかける4つの問いにまとめる。
ドメインモデル
フロントエンドのドメインロジックをどこに置くべきかを総合所得税の例で扱う。コンポーネントに混ざった税金計算を純粋関数に分離し、貧血ドメインモデル、APIレスポンスの変換層、ViewModelの分離、Classと関数型の凝集の違い、分離をどこで止めるかの基準まで整理する。
ドメイン用語
ドメイン、ドメインモデル、ドメインオブジェクト、ドメインオブジェクトモデルの違いをEric EvansとMartin Fowlerの定義で整理する。APIレスポンスの型がなぜドメインモデルではないのか、EntityとValue Objectをどう区別するのかを総合所得税の例で説明する。