2025-01-08
React.FCに関しての超個人メモ
個人的な備忘録
React.FCに対するいろんな人の主張

React.FC使う派の人たちの意見
1つの型だけでReactコンポーネントであることが確定できるからです。
何故かこれ系のほかの記事でも言及されていないことが多いのですが、FC
を使う最大の実用上の理由は「FC
に返り値の型チェックがあるから」です。コンポーネントとは props を受け取るだけではダメで、ReactNode
を return して初めてコンポーネントです。FC
はそのチェックを行います。
JSX.Elementのdeparecatedについて

DefinitelyTypedは、あらゆるJavaScript製ライブラリに対するTypeScriptの型定義をメンテナンスしているリポジトリです。
functionかarrow functionか
arrow functionであればreturnは省略できる

前者で書いた時に State や関数を足したくなった時に書き換えなければいけない部分が増えるからです。それなら最初から全部書いておけば?というのが個人的な感想です。
returnは明示的にした方がまあ、わかりやすい
関数宣言でコンポーネントを定義するメリットは、Hoistingが効くこと
