基礎編
React入門1
Reactの基本を学び、コンポーネントを作成してみましょう。
- JSX
- Props
React入門2
条件分岐やリスト表示など少し複雑なコンポーネントを作成してみましょう。
- 条件付きレンダリング
- リスト表示
Reactでコンポーネントに動きをつけよう
Reactのコンポーネントでユーザーの操作に応じて動きをつける方法を学びましょう。
- イベント処理
- useState
Reactでコンポーネントをスタイリングしよう
Reactコンポーネントにスタイリングを効果的に適用する方法を学び、デザインと機能を組み合わせた魅力的なUIを作成しましょう。
- Emotion
- Tailwind CSS
- CSS Modules
さまざまなReact Hooksを体験しよう
React Hooksを活用して、シンプルでわかりやすいコードの書き方をマスターしましょう。
- useEffect
- useRef
- カスタムフック
Reactでリストの更新をマスターしよう
Reactのコンポーネントで配列を操作するにはイミュータブルな書き方を覚える必要があります。元々の配列を書き換えずにデータを更新する方法を学びましょう。
- リスト更新
- Immer
- useReducer
応用編
TypeScript入門
TypeScriptの基礎を知り、安全でより効率的なコードを書く方法を学びましょう。
- 型定義
- ジェネリクス
React + TypeScript入門
TypeScriptの型安全性を活かしながら、Reactのコンポーネントを効率的に設計するスキルを身につけましょう。
- コンポーネントの型定義
- イベントの型
ReactでAPIに接続しよう
Reactの力を活かしてAPIと連携するスキルを身につけ、データを動的に表示するテクニックを習得しましょう。
- fetch API
- SWR
- Suspense
Reactのアニメーション入門
Reactを使ったアニメーションの基礎を学び、サイトやアプリにさらなる魅力を加えましょう。
- Framer Motion
- アニメーション
Reactでフォームを作ろう
Reactを使ってフォームを簡単に作成・カスタマイズする方法を学びましょう。
- React Hook Form
- Zod
パフォーマンスを意識したフックの活用法
Reactのフックを使ってパフォーマンスを意識したコードの書き方を学びましょう。
- useMemo
- useCallback
学習内容をみる （3演習）
React Router入門
React Routerの基本を学び、効果的なページ遷移を実現しましょう。
- React Router
- 画面遷移
知って差をつけるTypeScript
TypeScriptの深い知識を身につけて、コーディングの質を一段上げるテクニックを習得しましょう。
- 条件型
- as const
- satisfies
Reactコンポーネント間で共通の状態を管理しよう
複数のReactコンポーネントで情報を共有するための実践的な手法を学びましょう。
- Context
- Jotai
- 状態管理
リントできれいなコードを書こう
コードの品質を保つためのリントの基本を学び、チーム開発でのコードの統一性を高めましょう。
- ESLint
学習内容をみる （5演習）
実践編
Reactでコンポーネントを作ってみよう
これまでに学んだことをフル活用し、実際のコンポーネント制作に挑戦してみましょう。
- UIコンポーネント実装
Reactでアプリを一から作ろう
Reactを使ってお天気アプリ・メモアプリ・ECサイトを作成し、実践的なコーディング力を身につけましょう。
- メモアプリ
- ECサイト開発
学習内容をみる （3演習）
よくある質問
- Reactとは何ですか？
- Facebook（Meta）が開発したJavaScriptのライブラリで、ユーザーインターフェース（UI）を効率的に構築するためのツールです。実務での採用例も多く、最も人気の高いフロントエンドライブラリの1つです。
- TypeScriptの知識は必要ですか？
- コースの途中でTypeScriptとReactを組み合わせる方法を学びます。TypeScriptが未経験の方でも、コースを通して必要な知識を身に付けられます。
- JavaScriptの経験がなくても受講できますか？
- Reactの学習にはJavaScriptの基本的な文法の理解が前提となります。JavaScriptが未経験の方は、先に「Web制作入門」などでJavaScriptの基本を学ぶことをおすすめします。
- このコースを終えると何ができるようになりますか？
- Reactを使って実践的なWebアプリケーションを作れるようになります。お天気アプリ・メモアプリ・ECサイトの作成を通して、実務で求められるReactの知識とスキルを身に付けられます。