⚛️
React 入門コース
中級モダンなフロントエンド開発の主流であるReactを学びます。
📚 10 レッスン⏱️ 約5時間📅 更新: 2026年5月11日
レッスン一覧
1
Reactとは？コンポーネントの基本
UIを部品（コンポーネント）として組み立てるReactの基本を学びます。
未着手
2
JSXとprops
JSXの書き方とコンポーネントへのデータ渡し（props）を学びます。
未着手
3
stateとuseState
コンポーネントの内部状態を管理するuseStateフックを学びます。
未着手
4
イベントハンドリング
クリック・入力・フォーム送信などのイベントをReactで処理する方法を学びます。
未着手
5
useEffectと副作用
APIからのデータ取得やイベント登録などの副作用をuseEffectで管理する方法を学びます。
未着手
6
条件付きレンダリングとリスト
条件によって表示を切り替える方法と、配列からリストを生成する方法を学びます。
未着手
7
フォームとcontrolled components
Reactで制御コンポーネント（controlled components）パターンでフォームを実装します。
未着手
8
Context APIと状態共有
propsを経由せずコンポーネントツリー全体で状態を共有するContext APIを学びます。
未着手
9
useReducerとカスタムフック
複雑な状態管理にuseReducerを使い、再利用可能なカスタムフックを作ります。
未着手
10
React総合演習
これまでの知識を使って、データ取得・状態管理・フォームを組み合わせたアプリを作ります。
未着手
このコースで学べること
- ✓React 入門コースの基礎知識
- ✓実践的なコーディングスキル
- ✓エラーを自分で解決する力
- ✓プロジェクトを通した実践経験
受講の前提条件
- •プログラミング経験不要
- •パソコンの基本操作ができること
- •インターネット接続環境