フロントエンドのProps設計について

こんにちは。 株式会社 CHILLNN という京都のスタートアップにて CTO を担っております永田と申します。 今回の記事では「Props設計について」または「Reactのような宣言的UIフレームワークを利用した、コンポーネント間の依存性を表現する方法」について、一つの指針を定義することを目指します。 TL;DR Viewロジックと状態遷移を引き起こす副作用は別々に扱うべき ViewロジックはPropsによって、副作用はContextによって、それぞれ依存性を注入すると良い 生じていた課題の整理 弊社では、バックエンドから返すデータを、以前別の記事で書いた通り、フロントエンドの UI の論理構造を強く意識したデータ構造（ViewModel）として表現しています。 フロントエンドは、UI の論理的な構造を反映させたデータを受け取っているため、子コンポーネントに受け渡されるPropsが過不足

[masa8aurum]

“コンポーネントの描画に用いるデータは Props で渡すべき コンポーネントの状態を変更するアクションは Context を利用して注入すべき”