コンポーネント Next.js/Reactをドキュメントで勉強中 メモ帳

Reactの中心的な概念3つ

Components　Props　State

Components

• 自己完結型の再利用可能なコード スニペットを構築できます
• コンポーネントは関数
• コンポーネントは、UI要素を返す関数。return内に JSX を記述できます
• JavaScriptと区別するために大文字にする必要があります
• ↓コンポーネントを使用したコード
• DOM にレンダリングするには、root.render()メソッドの最初の引数として渡します

function Header() {
    return <h1>Develop. Preview. Ship.</h1>;
}
const root = ReactDOM.createRoot(app);
root.render(<Header />);