[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

158users がブックマーク コメント 11

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

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

158 users zenn.dev/seya

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント11

  • 注目コメント
  • 新着コメント
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
これ、人によって手癖が違うので困ることがままあり。。。

その他
fukken
VFCはあるのに、逆にchildrenが必須の型が提供されてないの、なんでなんだろうなぁ。

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

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

2021年04月16日 リンク

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「一番文句言われな...」が注目されています。

気持ちをシェアしよう

ツイートする

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

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

ブックマークしたユーザー

  • fbis2025年04月13日 fbis
  • sagaraya2025年04月09日 sagaraya
  • techtech05212024年04月19日 techtech0521
  • roshi2024年04月11日 roshi
  • tofu-kun2021年12月08日 tofu-kun
  • kikiki-kiki2021年10月06日 kikiki-kiki
  • anakuma_guuma2021年10月04日 anakuma_guuma
  • fuyu772021年08月19日 fuyu77
  • nomnel2021年07月01日 nomnel
  • jetglass2021年06月18日 jetglass
  • Pahud2021年06月08日 Pahud
  • minase_mira2021年06月03日 minase_mira
  • takaesu2021年05月22日 takaesu
  • tjmschk2021年05月19日 tjmschk
  • hush_in2021年05月08日 hush_in
  • sugumura2021年05月06日 sugumura
  • shimbaco2021年04月26日 shimbaco
  • d4-19772021年04月25日 d4-1977
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /