TL;DR

コンポーネントが、自分の Fragment で宣言したデータしか読めないようにする方法。Relay が提唱しており、Fragment Colocation をカプセル化する。

仕組み

Relay が提唱している、Fragment Colocation をカプセル化するための方法です。
Relay のチュートリアルでは標準で Fragment Masking を使った流れが示されています。

親のコンポーネントは、子のコンポーネントの Fragment に含まれるフィールドを読めない。そのため、各コンポーネントは必要なデータを自分の Fragment に書くしかなくなる。

自分の理解

GraphQL Code Generator では fragment-masking.ts というファイルが生成され、手軽に実現できる。具体的なコードは Fragment Colocation の例を参照。

関連

出典