[276] React服务器渲染原理解析与实践 – 网盘下载 - 提升硬实力，必会技能

网盘链接：

1. 服务器端渲染基础

• 1-1 课程导学
• 1-2 什么是服务器端渲染
• 1-3 什么是客户端渲染
• 1-4 React 客户端渲染的优势与弊端

2. React中的服务器端渲染

• 2-1 在服务器端编写 React 组件
• 2-2 服务器端 Webpack 的配置
• 2-3 实现服务器端组件渲染
• 2-4 建立在虚拟DOM上的服务器端渲染
• 2-5 Webpack 的自动打包与服务器自动重启
• 2-6 使用 npm-run-all 提升开发效率

3. 同构的概念的梳理

• 3-1 什么是同构
• 3-2 在浏览器上执行一段 JS 代码
• 3-3 让 React 代码在浏览器上运行
• 3-4 工程代码优化整理
• 3-5 阶段总结

4. 在SSR框架中引入路由机制

• 4-1 服务器端渲染中的路由
• 4-2 多页面路由跳转
• 4-3 使用Link标签串联起整个路由流程

5. SSR框架与Redux的结合

• 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. 使用Node作为数据获取中间层

• 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. 细节问题处理

• 7-1 secret统一管理
• 7-2 借助 context 实现404页面功能
• 7-3 实现服务器端301重定向
• 7-4 数据请求失败情况下 promise 的处理

8. 处理SSR框架中的CSS样式

• 8-1 如何支持 CSS 样式修饰
• 8-2 如何实现CSS样式的服务器端渲染
• 8-3 多组件中的样式如何整合
• 8-4 LoadData 方法潜在问题的修正
• 8-5 使用高阶组件精简代码
• 8-6 列表样式优化

9. SEO技巧的融入

• 9-1 什么是SEO， 为什么服务器端渲染对SEO更加友好 ？
• 9-2 Title 和 Description的真正作用
• 9-3 如何做好 SEO
• 9-4 React-Helmet 的使用
• 9-5 课程总结
• 9-6 使用预渲染解决SEO问题的新思路