Next.js 14 - Advanced 培訓

介绍

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

监控、部署和编排

总结和结论