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

监控、部署和编排

总结和结论