コース概要

導入

現代の 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人あたりの価格

お客様の声 (1)

今後のコース

関連カテゴリー