#處處都是元件 (Components)

Think in components. Consider each piece of your UI as an individual "component".
以元件的角度來思考。把 UI 上的每個區塊當作是獨立的“元件”

Naming components 元件命名

Components will be named with at least two words, separated by a dash. Examples of components:
元件至少以2個字來命名,並以分號作為字的間隔。例如:

  • A like button (.like-button) 一個讚的按鈕 (.like-button)
  • A search form (.search-form) 一個搜尋表單 (.search-form)
  • A news article card (.article-card) 一個新聞文章卡片 (.article-card)

How do you write a component exactly? Let's learn about Elements.
如何更精確的撰寫元件?繼續了解關於元素的部分 Continue 繼續 →