一番文句言われなさそうな React コンポーネントの書き方

CRANK

最近 React コード生成機を作っていて「一番文句言われなさそうな React コンポーネントの書き方ってなんだ…？」と改めて疑問に思ったので考えてみました。結論から言うと以下の形をデフォルトにするのが良さそうかなと思いました。function vs. アロー関数 -> アロー関数型は基本的に VFC でつけて、 children が欲しい場合は明示的に props に追加するreturn を省略可能な時省略するか -> しないprops を destructure するか -> しないconst Hoge: React.VFC<Props> = (props) => { return ( <Fuga title={props.title} /> ) } ちなみにですが、大事な前提として TypeScript を使うことを前提としています。(型が判断に関わってくるので)あと基本的に判断軸としては「あとからの変更が少ないこと」です。見た目はそれっぽくても言語化できる利点が思い当たらないものよりは、後からいじる時の変更量が減るものを選ぼうと思ってます。以下思考の過程です。function vs アロー関数function Hoge(props) { } const Hoge = (props) => { } 後者が多数なんじゃないかと思っていますが、実は私は長らく(というか今も手癖で)前者の function で定義してました。というの…