-
第2章 React中的服务器端渲染6 节 | 61分钟
本章将借助node.js，webpack等工具的帮助，带大家实现一个非常基础的基于React.JS技术栈的服务器端渲染模型，过程中还会讲解虚拟DOM与服务器端渲染的内在联系。
- 视频：2-1 在服务器端编写 React 组件 (06:34)
- 视频：2-2 服务器端 Webpack 的配置 (18:25)
- 视频：2-3 实现服务器端组件渲染 (10:02)
- 视频：2-4 建立在虚拟DOM上的服务器端渲染 (06:50)
- 视频：2-5 Webpack 的自动打包与服务器自动重启 (12:01)
- 视频：2-6 使用 npm-run-all 提升开发效率 (06:15)
-
第3章 同构的概念的梳理 试看5 节 | 33分钟
服务器端渲染与同构的概念实际上并不完全一致，React中的SSR实际上指的是同构技术，那么什么是同构技术，它和服务器端渲染的关系是什么，React中如何实现同构呢？这一章节将给大家详细讲解。
- 视频：3-1 什么是同构 (04:10)试看
- 视频：3-2 在浏览器上执行一段 JS 代码 (05:57)
- 视频：3-3 让 React 代码在浏览器上运行 (12:52)
- 视频：3-4 工程代码优化整理 (07:25)
- 视频：3-5 阶段总结 (02:06)
-
第5章 SSR框架与Redux的结合 试看11 节 | 133分钟
本章将讲解如何将Redux数据管理框架与SSR框架做结合，使SSR框架能够支撑复杂业务的开发。在这一章节中，我们将详细讲解服务器端异步数据获取的流程和方法，同时也给大家讲解清楚什么是同构中的数据脱水与注水。
- 视频：5-1 我们常常听说的中间层是什么？ (06:08)试看
- 视频：5-2 同构项目中引入 Redux (11:13)
- 视频：5-3 创建 Store 代码的复用 (06:29)
- 视频：5-4 构建 Redux 代码结构 ( 1 ) (19:08)
- 视频：5-5 构建Redux代码结构(2) (12:37)
- 视频：5-6 如何获取最新的secret值 (01:49)
- 视频：5-7 流程回顾及问题分析 (10:32)
- 视频：5-8 异步数据服务器渲染： loadData方法及路由重构 (20:21)
- 视频：5-9 Favicon 及多级路由问题的处理 (09:22)
- 视频：5-10 服务器端渲染获取数据 (20:56)
- 视频：5-11 数据的脱水和注水 (13:53)
-
第6章 使用Node作为数据获取中间层10 节 | 150分钟
本章将讲解真正服务器端渲染中的代码架构体系，Node.js如何在这个体系中充当中间层的作用，这里面我们将详细讲解数据代理转发，cookie登陆状态传递，axios实例等概念。
- 视频：6-1 使用proxy代理，让中间层承担数据获取职责 (19:26)
- 视频：6-2 服务器端请求和客户端请求的不同处理 (07:43)
- 视频：6-3 axios中instance的使用 (11:49)
- 视频：6-4 redux-thunk中的withExtraArgument (11:37)
- 视频：6-5 renderRoutes 方法实现对多级路由的支持 (16:38)
- 视频：6-6 登陆功能的制作 (15:51)
- 视频：6-7 登陆接口打通 (16:43)
- 视频：6-8 登陆状态切换 (15:18)
- 视频：6-9 解决登陆 cookie 传递问题 (09:03)
- 视频：6-10 翻译列表页面制作 (25:23)
-
第7章 细节问题处理4 节 | 50分钟
本章将讲解在SSR框架中，如何处理301重定向，404页面不存在的情况，以及面对异步数据获取失败的情况，应该如何借助Promise解决问题。
- 视频：7-1 secret统一管理 (06:55)
- 视频：7-2 借助 context 实现404页面功能 (17:03)
- 视频：7-3 实现服务器端301重定向 (07:56)
- 视频：7-4 数据请求失败情况下 promise 的处理 (17:28)
-
第9章 SEO技巧的融入6 节 | 70分钟
本章将讲解SEO中的一些基本技巧，以及如何通过React-helmet等技术，提升当前SSR框架的SEO效果，最后，还会给大家讲解SSR外的另一种解决SEO问题的思路：预渲染。
- 视频：9-1 什么是SEO， 为什么服务器端渲染对SEO更加友好 ？ (08:50)
- 视频：9-2 Title 和 Description的真正作用 (06:28)
- 视频：9-3 如何做好 SEO (09:09)
- 视频：9-4 React-Helmet 的使用 (12:07)
- 视频：9-5 课程总结 (12:08)
- 视频：9-6 使用预渲染解决SEO问题的新思路 (20:29)
本课程已完结
讲师
讲师其他课程
React零基础入门到实战，完成企业级项目简书网站开发
实战中级5275
￥299.00
声明：本站所有资料均来源与网络以及用户发布，如对资源有争议请联系微信客服我们可以安排下架!
