培训对象: 面向中高级前端开发工程师、React技术栈开发者及全栈工程师。也适合需要掌握服务端渲染、全栈开发能力及React18新特性的技术人员。
培训目标: 系统掌握React18的核心特性与并发渲染原理,熟练使用Next.js框架进行全栈应用开发。具备从需求分析、技术选型到前后端完整实现的企业级项目开发能力。
培训内容介绍:
React18核心新特性:深入理解并发渲染原理,掌握自动批处理、过渡更新、useTransition、useDeferredValue等新API的应用场景。
函数组件与Hooks进阶:掌握useState、useEffect、useCallback、useMemo、useRef等核心Hooks的最佳实践,学习自定义Hooks的逻辑复用技巧。
状态管理方案对比:对比Redux Toolkit、Zustand、Jotai等主流状态管理库,掌握适合不同场景的状态管理选型与实现。
Next.js框架入门:学习Next.js的设计哲学,掌握基于文件系统的路由、页面预渲染(SSG/SSR)及API路由的配置方法。
服务端渲染与静态生成:深入理解SSR、SSG、ISR的工作原理与应用场景,学习在Next.js中实现SEO优化与首屏性能提升。
全栈接口开发(Nest.js):学习Nest.js的模块化架构,掌握Controller、Provider、Middleware及TypeORM集成,开发RESTful或GraphQL接口。
GraphQL与Apollo集成:掌握GraphQL的核心概念,学习在Next.js中集成Apollo Client进行数据查询与状态管理,实现类型安全的接口调用。
数据库设计与ORM:学习使用TypeORM或Prisma进行数据模型设计,掌握表关系定义、数据迁移及CRUD操作。
用户认证与权限控制:实现基于JWT或Session的登录认证,掌握Next.js中间件进行路由保护,设计完整的权限控制体系。
样式方案与组件库:学习CSS Modules、Styled Components、Tailwind CSS等样式方案,结合Ant Design或Material UI进行业务开发。
项目部署与运维:掌握Next.js应用的多环境配置、构建优化及部署策略,学习在Vercel或自建服务器上的发布流程。
综合实战项目:开发在线教育平台或电商应用,涵盖PC管理端与移动端,实现从数据库设计、接口开发到页面渲染的全栈完整流程