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

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

アプリで開く

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

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

エントリーの編集

loading...

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

タイトルガイドライン

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

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

ブックマークしました

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

Twitterで共有

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

1023users がブックマーク コメント 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で作成

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

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

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

同じサイトの新着

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

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

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

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

はてなブックマーク

公式Twitter

はてなのサービス

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

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