クイックスタート

コンポーネントを作る

コンポーネントとは

• UIのパーツ。
  • それぞれパーツの動きや処理のロジックや、見た目を持っている。

Reactでのコンポーネントとは

• マークアップ（JSX)を返すJavaScript関数。

コンポーネント ルール

• コンポーネント名は、必ず大文字で始める必要がある。
• JSXというマークアップ構文で記述する。

マークアップ構文「JSX」

• JavaScript内でHTMLを表現するための拡張構文。
• HTMLに似ているが、HTMLと比べて構文は厳密であり、動的な情報を表示可能。

JSX ルール

• 複数のJSXタグを返すことはできない。
  • もし複数のJSXタグを返したい場合は、それらを共通の親要素で囲む必要がある（ラッパー）。
• JSX内で{}を使えば、JavaScriptの式を埋め込むことができる。
• HTMLと同様に属性を設定できるが、属性名はキャメルケースで記述する。
  • classはclassNameで指定する。