Course Code: nxjs14a
Duration: 21 hours
Prerequisites:
- 深入了解JavaScript和ES6+
- 了解React和React Hooks
- 对Next.js有基本的了解
- 了解API调用和状态管理
受众
- 希望深化对Next.js了解的有经验的React开发人员
- 寻求高级性能优化技术的前端和全栈开发人员
- 从事大型Next.js应用程序的软件工程师
Overview:
Next.js是一个强大的React框架，用于构建高性能的Web应用程序。
这门由讲师主导的实时培训（在线或现场）旨在帮助希望掌握Next.js 14中的最新功能、优化性能和实现现代React技术的高级开发人员。
培训结束时，参与者将能够：
- 实施先进的React挂钩和并发特性。
- 有效理解和利用Next.js路由策略。
- 利用服务器组件、服务器动作和混合渲染方法。
- 优化数据提取、缓存和增量静态再生。
- 将Next.js用作具有边缘功能和边缘运行时的后端解决方案。
- 使用React上下文、Redux和原子状态库管理状态。
- 针对Web Core Vitals优化应用程序性能。
- 高效测试、监控和部署Next.js应用程序。
课程格式
- 互动讲座和讨论。
- 大量的练习和实践。
- 在现场实验室环境中进行实际操作。
课程定制选项
- 要请求此课程的定制培训，请联系我们安排。
Course Outline:
介绍
现代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 用作后台
- 边缘函数和边缘运行时
State Management
- React 上下文、Redux 和 atomic 状态管理 (Zustand)
在 Next.js 中创建模板
- 可重复使用的模板
- 可用的 CSS 方法和模板库
性能优化
- 提高加载时间和获得高 Web Core Vitals 分数
仪器仪表
Next.js 中的测试
Monorepo 策略
- Next.js 与 TurboRepo / Nx
监控、部署和编排
总结和结论
Overview in Category:
本次面向高级开发人员的教练主导的线上培训（在线或现场）旨在使参加者掌握Next.js 14 中的最新特性、优化性能，并实现现代React 技术。
培训结束时，参与者将能够：
- 实现高级React hooks 和并发特性。
- 有效理解和利用Next.js 路由策略。
- 利用伺服器组件、伺服器动作和混合渲染方法。
- 优化数据获取、缓存和增量静态再生。
- 使用Next.js 作为具有边缘函数和边缘运行时的后端解决方案。
- 使用React Context、Redux 和原子状态库管理状态。
- 针对 Web Core Vitals 优化应用程序性能。
- 高效测试、监控和部署Next.js 应用程序。