
📝 テックブログ
フロントエンドのモジュール分割を考える
詳細はZennをご覧ください zenn.dev/frontendflat/a…
「ソフトウェア設計の主要な目標は、人間が一度に扱うべき情報量を減らすこと」をベースに、Reactでの設計プラクティスをモジュール分割の観点から整理しました
📂 ディレクトリ構成
— 技術による分離×機能による分離で、汎用的・限定的の線引きを明確に
📦 コロケーション
— 関連ファイルを近くに置き「捨てやすさ」を確保。eslint-plugin-import-accessで参照も制御
🧪 テストと関心の分離
— テスト配置の判断基準、親の呼び出し手順・意図を子が忘れられる設計など
日本語



