Movatterモバイル変換


[0]ホーム

URL:


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

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

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • Reactベストプラクティスの宝庫!「bulletproof-react」が勉強になりすぎる件
  • Twitterでシェア
  • Facebookでシェア

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

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

エントリーの編集

loading...

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

タイトルガイドライン

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

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

ブックマークしました

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

Twitterで共有

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

1020usersがブックマークコメント21

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

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

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

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

      よく使うタグ

        Reactベストプラクティスの宝庫!「bulletproof-react」が勉強になりすぎる件

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

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

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

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

          よく使うタグ

            はてなブックマーク

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

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

            ユーザー登録

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

            記事へのコメント21

            • 注目コメント
            • 新着コメント
            diveintounlimit
            何かフロントエンド界隈っていっつもディレクトリ構成の話してるね。

              その他
              mayumayu_nimolove
              “なんかフロントエンド界隈っていつもディレクトリ構成の話してるね” 1年前も思った。

                その他
                rakk
                フォルダ構成

                その他
                akymrk
                “react-helmetとかはほぼメンテ止まっててreact-helmet-asyncのほうがいいはず”"const Maybe = ({ test, children }) => <>{test && children}</>;"

                  その他
                  internetkun
                  何回流行るんだと言っている人はもしかしてこの記事の公開日が「2021/11/08」なのを見落とされていますか?

                    その他
                    ed_v3
                    bulletproof-react何回流行るんだよw

                      その他
                      mayumayu_nimolove
                      mayumayu_nimolove“なんかフロントエンド界隈っていつもディレクトリ構成の話してるね” 1年前も思った。

                        2023/04/16リンク

                        その他
                        yasu-log
                        メモ:コンポーネント名はfunction関数宣言みたいhttps://github.com/alan2207/bulletproof-react/blob/master/docs/components-and-styling.md

                          その他
                          yarumato
                          “ソースコードはsrc以下に入れる。ディレクトリ構造で面白いのはfeaturesディレクトリ。コンポーネント設計が勉強になる。エラーハンドリングが勉強になる”

                            その他
                            diveintounlimit
                            diveintounlimit何かフロントエンド界隈っていっつもディレクトリ構成の話してるね。

                              2023/04/16リンク

                              その他
                              shingo-sasaki-0529
                              ディレクトリ構造は Next に引きずられちゃうけど、features で分けるのは一度やってみたいなぁ。「機能」ってなんだ?ってなりそうだけど。

                                その他
                                Cherenkov

                                その他
                                carolina04
                                “featuresディレクトリを切ることで、機能別にcomponentやAPI、Hooksなどを管理できます。つまり、機能ごとにAPIがあるならAPI用のディレクトリを切ればいいし、無いならなくてよいというように柔軟に管理できます。”

                                その他
                                biwakonbu
                                へぇー。後で見てみよ。

                                  その他
                                  nilab
                                  Reactベストプラクティスの宝庫!「bulletproof-react」が勉強になりすぎる件

                                    その他
                                    gossipgadget
                                    “面白い”

                                      その他
                                      tasukuchan

                                        その他
                                        monomoti
                                        毎度ありがとうございます。

                                        その他
                                        t1mvverr
                                        ブクマ検索して使いそう

                                        その他
                                        ikkitang1211
                                        ふむふむ

                                          その他
                                          cuttoff19
                                          今までほうぼうで言われてたことをまとめてみました感ある。

                                          その他
                                          ys0000
                                          Reactを本格的に手を出すようになったら読みたい。

                                          その他
                                          jay-es
                                          https://github.com/alan2207/bulletproof-react の解説+α

                                          その他
                                          roshi
                                          参考になる。

                                            その他
                                            j1nsuke
                                            あとたでよむ

                                              その他

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

                                              リンクを埋め込む

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

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

                                              関連記事

                                                usersに達しました!

                                                さんが1番目にブックマークした記事「Reactベストプラク...」が注目されています。

                                                気持ちをシェアしよう

                                                ツイートする

                                                Reactベストプラクティスの宝庫!「bulletproof-react」が勉強になりすぎる件

                                                Reactアプリケーションのアーキテクチャの一例として公開されているGitHubリポジトリ「bulletproof-reac...Reactアプリケーションのアーキテクチャの一例として公開されているGitHubリポジトリ「bulletproof-react」が大変勉強になるので、私自身の見解を交えつつシェアします。 ※2022年11月追記 記事リリースから1年ほど経過して、新しく出てきた情報や考え方を盛り込んだ続編記事を書いていただいているので、こちらも併せて読んでいただければと想います(@t_keshiさんありがとうございます!)。 ディレクトリ構造が勉強になる まずはプロジェクトごとにバラつきがちなディレクトリ構造について。 ソースコードはsrc以下に入れる bulletproof-reactでは、Reactに関するソースコードはsrcディレクトリ以下に格納されています。逆に言えば、ルートディレクトリにcomponentsやutilsといったディレクトリはありません。 たとえばCreate Next Appで作成

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

                                                • yusaku05092025/03/31yusaku0509
                                                • inari1112025/02/21inari111
                                                • jagagaj2024/11/06jagagaj
                                                • rakk2024/04/21rakk
                                                • ho6ho62024/04/13ho6ho6
                                                • shunmatsu2023/08/06shunmatsu
                                                • donbulinux2023/05/11donbulinux
                                                • kosushin2023/05/10kosushin
                                                • akiyoko2023/05/07akiyoko
                                                • mitikodon2023/04/22mitikodon
                                                • akymrk2023/04/21akymrk
                                                • caramen2023/04/20caramen
                                                • usako11242023/04/18usako1124
                                                • takayamaki2023/04/17takayamaki
                                                • atsushifx2023/04/17atsushifx
                                                • mm_hiyoko2023/04/17mm_hiyoko
                                                • yuuu1993g2023/04/17yuuu1993g
                                                • bayaread2023/04/17bayaread
                                                すべてのユーザーの
                                                詳細を表示します

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

                                                同じサイトの新着

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

                                                いま人気の記事

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

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

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

                                                新着記事 - テクノロジー

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

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

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

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

                                                はてなブックマーク

                                                公式Twitter

                                                はてなのサービス

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

                                                [8]ページ先頭

                                                ©2009-2025 Movatter.jp