「Atomic Design ～堅牢で使いやすいUIを効率良く設計する」を読んでコンポーネント設計を学んだ｜福井 烈 / note inc.｜note

4/25に発売された「Atomic Design ～堅牢で使いやすいUIを効率良く設計する」を読みました。 ちょうど中~大規模なサービスにおけるコンポーネントの設計で悩んでいたところで、良きタイミングで良書を読めたので、著者の五藤さんには本当に感謝です🙏 コンポーネントの設計という観点で個人的に特に学びがあった、参考になった部分をメモがてら以下にまとめていきます。 (Atomic Designって何?という方は、 Atomic Designの考え方と利点・欠点 に概要がわかりやすくまとまっているのでオススメです) ■MoleculesとOrganismsの分け方(3章5節) 本書を読むまではMoleculesとOrganismsの境界が曖昧でモヤッとしてたのですが、 Molecules -> 独立して存在できない(ヘルパーなコンポーネント) Organisms -> 独立して存在できる(