React入門②（コンポーネント・Props）
第46回 • 40枚
ナレーション
第46回 スライド1: 前回の復習
前回学んだこと
flowchart LR
A[React基礎] --> B[環境構築]
A --> C[JSX文法]
A --> D[コンポーネント]
B --> E[今回: Props]
C --> E
D --> E
React入門（1）の内容
- Reactとは何か、なぜ使うのか
- 環境構築（Node.js、npm、Vite）
- JSXの基本文法
- コンポーネントの基本概念
JSXの復習
// JSXはJavaScriptの中でHTMLライクな記述ができる
function App() {
return (
<div>
<h1>Hello, React!</h1>
</div>
);
}今回のゴール
コンポーネントの「再利用性」を高める方法を学ぶ
1/40