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

最近 React コード生成機を作っていて「一番文句言われなさそうな React コンポーネントの書き方ってなんだ…？」と改めて疑問に思ったので考えてみました。 結論から言うと以下の形をデフォルトにするのが良さそうかなと思いました。 function vs. アロー関数 -> アロー関数 型は基本的に VFC でつけて、 children が欲しい場合は明示的に props に追加する return を省略可能な時省略するか -> しない props を destructure するか -> しない派だったけどした方がいい気がしてきた const Hoge: React.VFC<Props> = ({ title }) => { return ( <Fuga title={title} /> ) } ちなみにですが、大事な前提として TypeScript を使うことを前提としています。(型

[hachibeechan]

アロー関数は書き方をかっこよく工夫する余地がたくさんあってめんどくさいので僕は全部Dan先生方式で書いてる

[roshi]

React使う仕事になって真っ先に気になった。一応thisの扱いとか変数の巻き上げの違いがあるらしいけど、、functionの中にfunction書かれるよりかはマシかと考えてる。

[takaesu]

function vs const function と const定義のコンポーネント

[tjmschk]

文句言われたくないので

[d4-1977]

集合知！TeypeScriptでのReactのコード感がする（フィーリングでコメントしております） まだまだ書き足りていないなあ、ワタシ

[uehaj]

functionならexport default しつつ名前もつけられてシンプル。何より読みやすい。他のやり方はとにかくくどくて読みにくく、メリットは僅少。

[haususuahahdh]

コードの指摘を「文句」と表現してしまうんだな。過去に何かあったのだろうか。

[sigwyg]

classNameを取り除くくだりは確かに。アロー関数はコールバックでは便利だけど、トップレベルではfunction使った方が明示的だし好き。

[shn_hsn]

これ、人によって手癖が違うので困ることがままあり。。。

[mayumayu_nimolove]

IE対応の名残でずっとfunctionだ。ぶっちゃけどっちでもいいけどアローにしてみようかな