お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
はじめに
現代の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 時間