Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

2019年のAtomicDesignコンポーネント設計/Atomic Design Compo...

haraguchi
December 10, 2019

2019年のAtomicDesignコンポーネント設計/Atomic Design Component Design 2019

haraguchi

December 10, 2019
Tweet

More Decks by haraguchi

Other Decks in Technology

Transcript

  1. 11 やったこと1:共通コンポーネントの反映 SPACEMARKET SPACEMARKET DASHBOARD SPACEMARKET EVENT SPACEMARKET BUSINESS SPACEMARKET

    ACCOUNT フロントエンド共通リポジトリ サービス共通コンポーネントリポジトリ スペースマーケットのフロントエンドのリポジトリ構成
  2. 22 やったこと2:コンポーネントの粒度と命名規則の策定 • Pages:Pages名 = URLとなるもの ◦ /portal → PortalPage

    • Templates:Pages名 + template = ラップする要素に関連する ◦ PortalPageTemplate • Organisms:Page名 + コンポーネント名(単体で意味を成す) ◦ PortalCategoryList • Molecules:Page名 + コンポーネント名(単体では意味を成さない) ◦ PortalCategoryListItem • Atoms:このルールにはあてはまらない。汎用的な命名にする