Vue アーキテクチャ
コンポーネント設計パターン、フォルダ構成、feature モジュール、domain-driven design、composables の整理
1Vue/Nuxt における feature-first アーキテクチャとは何ですか？
Vue/Nuxt における feature-first アーキテクチャとは何ですか？
回答
feature-first アーキテクチャは、コードを技術的な種類ではなくビジネス機能ごとに整理します。各 feature は、専用のフォルダ内に自身の component、composables、store、type を含みます。このアプローチは、1つの機能に関するすべてを1か所にまとめることで保守性を向上させ、開発者が独立した feature に取り組めるためチーム作業を容易にし、feature の有効化/無効化を簡単に行えることでコードをよりモジュール化します。
2Vue における Container/Presentational パターンとは何ですか？
Vue における Container/Presentational パターンとは何ですか？
回答
Container/Presentational パターンは、コンポーネントを2つのカテゴリーに分けます。ビジネスロジック、API 呼び出し、状態を扱う container と、props を受け取りイベントを emit するだけの presentational です。この分離は UI コンポーネントの再利用性を高め、presentational コンポーネントのユニットテストを容易にし、ロジックを container に隔離することで責務を明確にします。
3layer-first アーキテクチャと feature-first アーキテクチャの違いは何ですか？
layer-first アーキテクチャと feature-first アーキテクチャの違いは何ですか？
回答
layer-first アーキテクチャは、コードを技術レイヤー（component、composables、store、utils）に整理し、すべての component がまとまり、すべての composables がまとまる、という形になります。feature-first はビジネス機能ごとにグループ化し、各 feature が自身の component、composables、store を含みます。layer-first は小規模プロジェクトではよりシンプルですが、プロジェクトが大きくなると同じ機能に関連するファイルが分散するため保守が難しくなります。feature-first はよりスケールしやすく、チーム作業を容易にします。
Vueにおけるrenderless componentsとは何ですか？
feature-firstアーキテクチャでcomposablesをどのように整理しますか？
+19 面接問題