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

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

アプリで開く

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

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

エントリーの編集

loading...

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

タイトルガイドライン

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

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

ブックマークしました

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

Twitterで共有

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

221users がブックマーク コメント 5

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

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

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

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

よく使うタグ

私の推しフロントエンドディレクトリ構成と気をつけたいポイント

221 users zenn.dev/sakito

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

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

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

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

よく使うタグ

はてなブックマーク

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

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

ユーザー登録

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

記事へのコメント5

  • 注目コメント
  • 新着コメント
tk_musik
昔vueでアトミックデザインでやろうとして粒度わけわからんくなるのとemitがゴチャついたのでやめてしまった。

その他
berlysia
Testing Trophyで考えた結果hooksとfunctionsの単体テストを書かないってのはエッジケースで容易に面倒を生みそうなんだけど、その単位までみっちり統合テストを書く話なんだろうか

その他
kako-jun
Dockerfileとdocker-compose.ymlを同じ場所に置くか、1層下げるか?GitHubのREADME.mdやLICENSEを、同じ場所に置くか1層上げるか?という部分のほうが悩むわ。あと、ディレクトリ名のうちtestやjsが複数形で作られないとか

その他
kazuhi_ra
ここまでゴージャスに作ったことはないけど大体同じでした / storybookのファイルは各コンポーネントのディレクトリに入れる派です

その他
jay-es
機能単位でディレクトリを分ける。その中の各部品にはテストを書かず、index.tsx に対してだけ統合テストや Story を作る。共通の hooks などには単体テストを書く。機能の粒度はエンジニアだけで考えない

その他

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

リンクを埋め込む

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

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

関連記事

usersに達しました!

さんが1番目にブックマークした記事「私の推しフロント...」が注目されています。

気持ちをシェアしよう

ツイートする

私の推しフロントエンドディレクトリ構成と気をつけたいポイント

どうも、sakitoです。 今回は私の推し フロントエンドディレクトリ構成と気をつけたいポイントを紹介しま... どうも、sakitoです。 今回は私の推し フロントエンドディレクトリ構成と気をつけたいポイントを紹介します。ちぇけら! 2023年5月29日 追記 この記事を読みにきていただきありがとうございます。 私が記事を書いた時期はまだNext.jsのApp Routerが発表されたばかりで、App Routerを使用したディレクトリ構成の考慮はされていません。 先日、App Routerがリリースされ、Next.jsのドキュメントにApp Routerのディレクトリ構成について記事が出ているので、Next.jsを使用されている場合は、まず参照することをオススメします。 はじめに 今回、私の紹介する推し構成は、機能単位で設計するパターンです。 Reactのディレクトリ構成のベストプラクティスを集めたBulletproof Reactで紹介されているパターンにかなり似ています。さらに詳細なプロダクト構

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

  • megumi-ikeda2025年09月01日 megumi-ikeda
  • montdsichel2023年05月29日 montdsichel
  • cowai52023年03月09日 cowai5
  • rikuba2023年03月01日 rikuba
  • techtech05212023年02月21日 techtech0521
  • maasayan2023年02月11日 maasayan
  • nabeliwo2023年01月20日 nabeliwo
  • kimihito2023年01月04日 kimihito
  • yamamotoshu11272022年11月16日 yamamotoshu1127
  • siik022022年09月01日 siik02
  • sh0g02022年07月25日 sh0g0
  • ram10092022年06月28日 ram1009
  • nowrika2022年06月22日 nowrika
  • wahoooo-772022年06月17日 wahoooo-77
  • kyo_ago2022年06月15日 kyo_ago
  • isdh2022年06月07日 isdh
  • mtrock2022年05月27日 mtrock
  • kikiki-kiki2022年05月26日 kikiki-kiki
すべてのユーザーの
詳細を表示します

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

同じサイトの新着

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

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

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

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

はてなブックマーク

公式Twitter

はてなのサービス

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

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