お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
導入
現代の React
- React 18 と 19 の新機能
- 現代的なツールとアプローチの変更点
高度な React フック
- useMemo, useCallback, useDispatch, useRef, useImperativeHandle
React における並行モード
- useTransition、useDeferredValue フックの使用
Next.js のルーティング
- App Router と Pages Router の違い
Next.js のレンダリング戦略
- サーバーサイドレンダリング vs 単一ページアプリケーション vs 静的生成
サーバーコンポーネントとサーバーアクション
- ‘use server’ および ‘use client’ ディレクティブの使用
データ取得とキャッシュ
- 増分静的リジェネレーション戦略
Next.js をバックエンドとして利用する
- Edge Functions と Edge Runtime
状態管理
- React Context、Redux、およびアトミック状態管理(Zustand)
Next.js でのテンプレート作成
- 再利用可能なテンプレート
- 使用可能な CSS アプローチとテンプレートライブラリ
パフォーマンスの最適化
- 読み込み時間の改善と Web Core Vitals スコアの向上
監視
Next.js でのテスト
モノレポ戦略
- TurboRepo / Nx との Next.js
監視、デプロイ、およびオーケストレーション
まとめと次に進むステップ
要求
- JavaScript と ES6+ の深い理解
- React および React フックの使用経験
- Next.js の基本的な知識
- API 呼び出しと状態管理の理解
対象者
- Next.js の知識を深めたいベテラン React 開発者
- 高度なパフォーマンス最適化技術を求めているフロントエンドおよびフルスタック開発者
- 大規模 Next.js アプリケーションで作業しているソフトウェアエンジニア
21 時間
お客様の声 (1)
このトレーニングは内容が良く、理解しやすいです
David Phetole Leshabela - Vodacom SA
コース - React with Next.js
機械翻訳