お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
Introduction
Modern React
- What's new in React 18 and 19
- Modern tools and changes in approach
React Advanced Hooks
- useMemo, useCallback, useDispatch, useRef, useImperativeHandle
Concurrent Mode in React
- Usage of useTransition, useDeferredValue hooks
Next.js Routing
- Differences between App Router and Pages Router
Rendering Strategies in Next.js
- Server Side Rendering vs Single Page Application vs Static Generation
Server Components and Server Actions
- Usage of ‘use server’ and ‘use client’ directives
Data Fetching and Caching
- Incremental Static Regeneration strategy
Using Next.js as a Backend
- Edge Functions and Edge Runtime
State Management
- React Context, Redux, and atomic state management (Zustand)
Creating Templates in Next.js
- Reusable templates
- Available CSS approaches and template libraries
Performance Optimization
- Improving load time and achieving high Web Core Vitals scores
Instrumentation
Testing in Next.js
Monorepo Strategies
- Next.js with TurboRepo / Nx
Monitoring, Deployment, and Orchestration
Summary and Next Steps
要求
- Strong understanding of JavaScript and ES6+
- Experience with React and React Hooks
- Basic familiarity with Next.js
- Understanding of API calls and state management
Audience
- Experienced React developers looking to deepen their knowledge of Next.js
- Front-end and full-stack developers seeking advanced performance optimization techniques
- Software engineers working on large-scale Next.js applications
21 時間
お客様の声 (1)
The training has good content and easy to follow