React と Value Object で凝集度を高める｜Showcase Gig Product Team Blog

こんにちは。 Showcase Gig の金子です。 テイクアウト向けモバイルオーダーサービス「O:der ToGo（オーダートゥーゴー）」のフロントエンドエンジニアをしています。 本記事では、React に Value Object を適用した事例と、実装で得た気付きを共有します。 背景React でコーディングを進めていく際に、多くのドメインロジックをフロントエンドで実装していました。 多くのドメインロジックを含んでいる例を、 redux-ddd-exampleより引用します。 items を算出するために、コンポーネント内にドメインロジックが散在しています。 function TodoItems (props) { const { todos, updateTodo, deleteTodo } = props const items = todos.map(item , i) =>