[Kaizen]: Component を `JSX.Element` として定義する

[Ningensei848]

気になったこと（改善すべき点）

React v18 になったのもあり、React.FC とかやらないほうがいいよという流れになっている

しかも、const Func = (): JSX.Element => {} という「アロー関数」（関数式？）というものを良くないという話もある！ （代わりに、function Func(){} という「関数宣言」使うようだ。これは古い書き方と思い込んでいたのだが、違うのか…？）

どうあってほしいか（理想とする姿）

関数宣言に書き直しましょう

[Ningensei848]

参照文献：

• const Hoge: React.FC=()=>って書いてたら思考停止系と言われたので調べた
• React でやってはいけないBad Practiceを12個まとめました (TypeScript版) - ロカオプ技術ブログ
• 【検証】React.FC と React.VFC はべつに使わなくていい説 – KRAY Inc.

コメント：

v18 になって色々勝手が変わっているので、キャッチアップは必要

[Ningensei848]

自分の理解

• 使い回すなら関数定義
  • パフォーマンス面で有利、巻き上げ、型推論に頼らない？
• 一度だけなら関数式 / アロー関数
  • 簡潔に書ける、不要なものが含まれない

ってことでいいのかな

util 系のやつとか component に関してはたぶん関数宣言するほうが良くて、main() 処理中の塊を切り出すくらいの用途ならアロー関数でいいっぽい、そういう理解をしました

（const func = ~ とすることで、「使い回さない」というルール運用もできそうね）