Reactの基本はコンポーネントです。JSXという構文でHTMLとJavaScriptを一緒に書きます。

// 関数コンポーネントの例
function Greeting({ name }) {
  return (
    <div className="card">
      <h1>こんにちは、{name}！</h1>
      <p>Reactへようこそ</p>
    </div>
  );
}

// 使用例
function App() {
  return <Greeting name="Alice" />;
}
💡 JSXのポイント
  • class は className と書く（JSの予約語のため）
  • JavaScript式は {} で囲む
  • タグは必ず閉じる（<img /> など）