Next.js 14 - Advanced

• 深入了解JavaScript和ES6+
• 了解React和React Hooks
• 对Next.js有基本的了解
• 了解API调用和状态管理

受众

• 希望深化对Next.js了解的有经验的React开发人员
• 寻求高级性能优化技术的前端和全栈开发人员
• 从事大型Next.js应用程序的软件工程师

Next.js是一个强大的React框架，用于构建高性能的Web应用程序。

这门由讲师主导的实时培训（在线或现场）旨在帮助希望掌握Next.js 14中的最新功能、优化性能和实现现代React技术的高级开发人员。

培训结束时，参与者将能够：

• 实施先进的React挂钩和并发特性。
• 有效理解和利用Next.js路由策略。
• 利用服务器组件、服务器动作和混合渲染方法。
• 优化数据提取、缓存和增量静态再生。
• 将Next.js用作具有边缘功能和边缘运行时的后端解决方案。
• 使用React上下文、Redux和原子状态库管理状态。
• 针对Web Core Vitals优化应用程序性能。
• 高效测试、监控和部署Next.js应用程序。

课程格式

• 互动讲座和讨论。
• 大量的练习和实践。
• 在现场实验室环境中进行实际操作。

课程定制选项

• 要请求此课程的定制培训，请联系我们安排。

介绍

现代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

监控、部署和编排

总结和结论