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

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

アプリで開く

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

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

エントリーの編集

loading...

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

タイトルガイドライン

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

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

ブックマークしました

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

Twitterで共有

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

162users がブックマーク コメント 6

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

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

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

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

よく使うタグ

保守性の高いReact hooksコードの指針

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

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

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

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

よく使うタグ

はてなブックマーク

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

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

ユーザー登録

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

記事へのコメント6

  • 注目コメント
  • 新着コメント
kako-jun
2つ目の良例のload()が、なぜisLoadingに依存するのか分からない......。空配列で良いような気がするけど......

その他
umai_bow
Depsの依存関係を正しく書かないのはどうだろ......。経験上、Depsが正しく書かれてて問題あることがないので、Hooksの使い方の理解が間違ってるんじゃないかと言う気がする

その他
Rishatang
関数やオブジェクトを適切にMemoizeしないと無限ループがちょくちょく発生するっていうのは経験ある

その他
hylom
「Webアプリの多くのケースでuseEffectは必要ではない」マジですか(propsに応じて非同期処理を実行するようなコンポーネントって一般的ではないのか)

その他
hdampty7
「stateはプリミティブにする」というのは言いたいことは分かるけど、個々にstateに入れると逆に管理が大変なのでは。そもそも出してもよいなら最初から不要なstateは極力持つなって話だし。

その他
carolina04
解消したい痛み 再現が困難な不具合の発生 容易に無限ループが発生しうる 不具合発生箇所の特定が手間 分岐が多くコードリーディングに手間がかかる

その他
kako-jun
kako-jun 2つ目の良例のload()が、なぜisLoadingに依存するのか分からない......。空配列で良いような気がするけど......

2022年04月01日 リンク

その他

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

リンクを埋め込む

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

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

関連記事

usersに達しました!

さんが1番目にブックマークした記事「保守性の高いReact...」が注目されています。

気持ちをシェアしよう

ツイートする

保守性の高いReact hooksコードの指針

前提 記事は保守性の高いReact hooksコードの指針を記述します。指針はtipsに近いものから原則に近い... 前提 記事は保守性の高いReact hooksコードの指針を記述します。指針はtipsに近いものから原則に近いものまで雑多に含まれます。総じてReact hooksの標準的なAPIを上手く扱う方法が多めです。 これらは保守性の低いコードを反面教師とした私的な経験則に基づきます。(思い出し次第随時追加していきます) ご留意ください。 解消したい痛み 再現が困難な不具合の発生 容易に無限ループが発生しうる 不具合発生箇所の特定が手間 分岐が多くコードリーディングに手間がかかる 解消する手法 useEffectは1ページに1つ useEffectにdeps自動補完除外コメントを入れる stateはプリミティブにする propsにフラグがある場合はコンポーネントを分ける useEffectは1ページに1つ 悪例: ユーザーイベントの処理 const [foo, setFoo] = useStat

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

  • techtech05212024年05月11日 techtech0521
  • tsu4420002023年10月07日 tsu442000
  • Tomohiro2022年06月12日 Tomohiro
  • shimbaco2022年05月11日 shimbaco
  • partylife2022年04月11日 partylife
  • kitokitoki2022年04月06日 kitokitoki
  • mjtai2022年04月05日 mjtai
  • herakures2022年04月04日 herakures
  • montdsichel2022年04月03日 montdsichel
  • t104712022年04月03日 t10471
  • dederon2022年04月02日 dederon
  • somathor2022年04月02日 somathor
  • MonMonMon2022年04月02日 MonMonMon
  • Ehren2022年04月02日 Ehren
  • atoka-tech2022年04月02日 atoka-tech
  • namonakitendon2022年04月02日 namonakitendon
  • rikeda712022年04月02日 rikeda71
  • hem62022年04月01日 hem6
すべてのユーザーの
詳細を表示します

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

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

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

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

はてなブックマーク

公式Twitter

はてなのサービス

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

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