鹿港 / 摸乳巷 #GraphQL #Fragment_Colocation #Fragment_Masking Fragment Colocationとは ReactのアプリケーションでGraphQLを使うときに使われるテクニックの一つです。Fragment Colocationによって、データのフェッチ処理と、データをコンポーネントに描画する処理を分離できることなどがメリットです。詳しくはこちらも参考にしてください。 実装例を見てみます。なお、本記事のコードは関係の深い部分のみを抜粋したものになりますので、importや足りない部分を調整してください。 code:Pokemon.tsx gql(` fragment Pokemon on Pokemon { number name image } `); export const Pokemon = ({ pokemon }: { po