本课程系统讲解React服务器端渲染(SSR)技术的核心原理与完整搭建流程,帮助开发者从零构建属于自己的SSR工程架构。内容涵盖SSR与客户端渲染的优劣对比、同构应用实现、路由与Redux集成、中间层数据代理、SEO优化等关键知识点,并深入解析虚拟DOM在服务端的渲染机制、Webpack配置优化、cookie传递及样式服务端渲染等细节问题。通过实践,学员将掌握SSR框架开发中的常见问题排查与解决方案,最终构建出高效、可维护的SSR项目架构。
课程目录:
1-1 课程导学
1-2 什么是服务器端渲染
1-3 什么是客户端渲染
1-4 React客户端渲染优势与弊端
2-1 在服务器端编写React组件
2-2 服务器端Webpack配置
2-3 实现服务器端组件渲染
2-4 虚拟DOM上的服务器端渲染
2-5 Webpack自动打包与服务器自动重启
2-6 使用npm-run-all提升开发效率
3-1 什么是同构
3-2 在浏览器上执行JS代码
3-3 让React代码在浏览器上运行
3-4 工程代码优化整理
3-5 阶段总结
4-1 服务器端渲染中的路由
4-2 多页面路由跳转
4-3 使用Link标签串联路由流程
5-1 中间层概念解析
5-2 同构项目中引入Redux
5-3 创建Store代码复用
5-4 构建Redux代码结构(1)
5-5 构建Redux代码结构(2)
5-6 获取最新secret值
5-7 流程回顾及问题分析
5-8 异步数据服务器渲染:loadData方法及路由重构
5-9 Favicon及多级路由处理
5-10 服务器端渲染获取数据
5-11 数据脱水和注水
6-1 使用proxy代理让中间层承担数据获取
6-2 服务器端请求与客户端请求的不同处理
6-3 axios中instance的使用
6-4 redux-thunk中的withExtraArgument
6-5 renderRoutes方法支持多级路由
6-6 登陆功能制作
6-7 登陆接口打通
6-8 登陆状态切换
6-9 解决登陆cookie传递问题
6-10 翻译列表页面制作
7-1 secret统一管理
7-2 借助context实现404页面
7-3 实现服务器端301重定向
7-4 数据请求失败时promise处理
8-1 支持CSS样式修饰
8-2 CSS样式服务器端渲染
8-3 多组件样式整合
8-4 LoadData方法潜在问题修正
8-5 使用高阶组件精简代码
8-6 列表样式优化
9-1 SEO与服务器端渲染友好性
9-2 Title和Description的作用
9-3 如何做好SEO
9-4 React-Helmet使用
9-5 课程总结
9-6 预渲染解决SEO新思路
课程资源:coding-276-master.zip
解压密码:WWW.XDXUEXI.COM
有效期:永久有效


