お問い合わせ

コース概要

はじめに

現代のReact技術について

  • React 18および19での新機能
  • 最新ツールと開発手法の変化点

高度なReactフック技法

  • useMemo、useCallback、useDispatch、useRef、useImperativeHandleの使い方

Reactにおける並列処理モード

  • useTransitionやuseDeferredValueフックの利用法

Next.jsルーティング体系

  • App RouterとPages Routerの違いについて

Next.jsにおけるレンダリング戦略

  • サーバーサイドレンダリング/シングルページアプリケーション/静的生成の比較

サーバーコンポーネントおよびサーバーアクション機能

  • ‘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人あたりの価格

今後のコース

関連カテゴリー