Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

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

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • Reactでロジックをhooksにまとめないという選択肢 - Hello Tech
  • Twitterでシェア
  • Facebookでシェア

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

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

エントリーの編集

loading...

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

タイトルガイドライン

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

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

ブックマークしました

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

Twitterで共有

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

198 usersがブックマークコメント10

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

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

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

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

      よく使うタグ

        Reactでロジックをhooksにまとめないという選択肢 - Hello Tech

        198 userstech.hello.ai

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

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

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

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

          よく使うタグ

            はてなブックマーク

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

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

            ユーザー登録

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

            記事へのコメント10

            • 注目コメント
            • 新着コメント
            yarumato
            “useState/useRef + custom hooksという単位で切り出すのではなく、 クロージャを使いロジックや状態をコンポネントの外に持たせる。classを使ってもクロージャと同等の実装できます”

              その他
              shingo-sasaki-0529
              React に依存しているコードをなるべく減らしたほうが使い勝手も良いしテスタビリティも高いという話。

                その他
                efcl
                React Hooksの外にstateを移す方法

                その他
                takaesu
                hooks外にする

                その他
                mizdra
                良い

                その他
                twotiger
                ポンコツロボットが勝手に店に電話をしてイタ電になってる。そんな炎上案件があったとは知らなかった

                  その他
                  katsyoshi
                  オッあの邪悪なサービスの開発者か

                    その他
                    nicht-sein
                    "createChartResponder内ではrefを使わず普通の変数を自由に使ってコードを書ける"私の理解が甘いのだろうけど、createChartResponder内でrefを使っているように見える。Reactわかんない

                      その他
                      PerolineLuv
                      AutoReserve、AI電話予約が飲食店にイタ電状態の迷惑をかけまくって、ここ経由の予約拒否店続出で大炎上してるアレか。

                        その他
                        yarumato
                        yarumato“useState/useRef + custom hooksという単位で切り出すのではなく、 クロージャを使いロジックや状態をコンポネントの外に持たせる。classを使ってもクロージャと同等の実装できます”

                          2022/05/25リンク

                          その他
                          Pasta-K
                          良い

                            その他

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

                            リンクを埋め込む

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

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

                            関連記事

                              usersに達しました!

                              さんが1番目にブックマークした記事「Reactでロジックを...」が注目されています。

                              気持ちをシェアしよう

                              ツイートする

                              Reactでロジックをhooksにまとめないという選択肢 - Hello Tech

                              javascripterです。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。 突然...javascripterです。ハローでは、プロダクトのローンチ前からAutoReserve の開発に関わっています。 突然ですが、Reactを使用する際、コンポネントのロジックや状態が増えてきたとき、みなさんはどうされてるでしょうか。 関数コンポネントでは、一般にcustom hooksとしてまとめて切り出すことが多く行われていると思います。 今回の記事では、useState/useRef + custom hooksという単位で切り出すのではなく、 クロージャを使いロジックや状態をコンポネントの外に持たせるようにリファクタリングすることで、コードの見通しが良くなる、という事例を紹介します。JavaScriptにおけるクロージャとは、関数が外側のスコープの変数などへの参照を保持できる機能のことです。ここではクロージャとして実装しましたが、同等のことはclassを使っても実装できます。 A

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

                              • hachi888888882025/03/16hachi88888888
                              • fivestech2025/01/10fivestech
                              • pxaxcxixfxixcxa2025/01/07pxaxcxixfxixcxa
                              • maeda-seina2025/01/07maeda-seina
                              • watatakahashi2025/01/07watatakahashi
                              • shingo-sasaki-05292025/01/07shingo-sasaki-0529
                              • hush_in2025/01/06hush_in
                              • kkeisuke2025/01/06kkeisuke
                              • t_f_m2025/01/05t_f_m
                              • efcl2025/01/05efcl
                              • takaesu2024/06/06takaesu
                              • techtech05212024/05/15techtech0521
                              • whitecrane892002023/05/01whitecrane89200
                              • kihan2022/09/05kihan
                              • ka2nn2022/07/16ka2nn
                              • mizdra2022/07/16mizdra
                              • emmeleia2022/06/27emmeleia
                              • littlefield2022/06/08littlefield
                              すべてのユーザーの
                              詳細を表示します

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

                              同じサイトの新着

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

                              いま人気の記事

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

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

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

                              新着記事 - テクノロジー

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

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

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

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

                              はてなブックマーク

                              公式Twitter

                              はてなのサービス

                              • App Storeからダウンロード
                              • Google Playで手に入れよう
                              Copyright © 2005-2025Hatena. All Rights Reserved.
                              設定を変更しましたx

                              [8]ページ先頭

                              ©2009-2025 Movatter.jp