【React】なぜコンポーネントの中でコンポーネントを作るのは良くないのか？

こんにちは、ダイニーの Feature team でソフトウェアエンジニアをしている @ta21cos です。 最近は新規事業である決済関連の機能の開発をメインに行なっています。 ダイニーにおける Feature team は機能にフォーカスした開発・運用を行っているチームです。最近は複数の事業毎に Unit として分かれて開発を進めています。 本日は、普段の開発で実際にあった Pull Request のレビューコメントから得た学びについて紹介します。 Dialog を実装しよう React を使ってある Dialog を作成するため、以下のようなコードを書きました（コードは簡略化しています）。 // useSample ファイル // 内部でロジックと Dialog を同時に定義している hook const Dialog = memo<{ progress: number, ...

[umai_bow]

分かるけどコードの分かりやすさとトレードオフかも

[sigwyg]

コンポーネントの中でコンポーネントを定義してしまっていたのが問題なら、コンポーネントの外で定義すれば良いのでは、と思いました。

[poad1010]

この記事をおすすめしました

[kvx]

コンポーネントの外でコンポーネントを作ればいいという話と認識

[turanukimaru]

うーん？<element>は要素であり{value}は値である。要素は変更される可能性があるので再評価されるが値は不変なので再評価されない。という話のほうが良いと思うが別の話なのかな…Reactだとコンポーネントに特別な意味が？