トップダウンで学ぶBCD Design ─ もう命名に迷わないコンポーネント設計とディレクトリ構成─ by airRnot

フロントエンドでは、ディレクトリ構成がそのまま設計の品質に直結することが多々あります。
それに伴い、最近ではFeature-Sliced DesignやBulletproof Reactといったディレクトリ構成のパターンが話題に上がりやすくなりました。

BCD Designは、その中でもコンポーネントの分類に特化した手法です。
BCD Designでは、コンポーネントを関心・状況・基礎の3つの軸で分類します。
しかし、BCD Designをひもといていくと、その根底にある「明名」という概念が最も重要であることが分かります。

そこで、本セッションでは、まず明名とは何かを理解し、その上でBCD Designがどのように明名を実現しているのかをトップダウンで学んでいきます。
そして、実践的に導入する際の失敗しやすいディレクトリ構成とおすすめのディレクトリ構成についても紹介します。