第4章 在SSR框架中引入路由机制
本章将给大家讲解如何在当前的SSR框架中引入React-Router,从而使得我们的服务器端渲染框架能够支持路由跳转,SSR的路由跳转比前端路由或后端路由都要复杂一些,这张我们将细致的讲解整个SSR路由的执行流程。
2 V2 f" Z7 V& P' x 4-1 服务器端渲染中的路由
4-2 多页面路由跳转
4-3 使用Link标签串联起整个路由流程
第5章 SSR框架与Redux的结合
本章将讲解如何将Redux数据管理框架与SSR框架做结合,使SSR框架能够支撑复杂业务的开发。在这一章节中,我们将详细讲解服务器端异步数据获取的流程和方法,同时也给大家讲解清楚什么是同构中的数据脱水与注水。
【IT视频教程网
www.itspjc.com】
9 [2 R0 i& \( `" v+ o8 S4 G 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作为数据获取中间层
本章将讲解真正服务器端渲染中的代码架构体系,Node.js如何在这个体系中充当中间层的作用,这里面我们将详细讲解数据代理转发,cookie登陆状态传递,axios实例等概念。
$ V# V7 n2 K$ {; u" Y 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章 细节问题处理
本章将讲解在SSR框架中,如何处理301重定向,404页面不存在的情况,以及面对异步数据获取失败的情况,应该如何借助Promise解决问题。
; H/ A- H5 Z* P# Q. ]" C
7-1 secret统一管理
7-2 借助 context 实现404页面功能
7-3 实现服务器端301重定向
7-4 数据请求失败情况下 promise 的处理
第8章 处理SSR框架中的CSS样式
本章将讲解在SSR框架中,组件和页面中CSS样式的处理方案,在这章中,我们还会应用高阶组件等设计技巧,提高代码复用性。
5 B4 l4 L1 `3 Y* E& O' Q) X 8-1 如何支持 CSS 样式修饰
8-2 如何实现CSS样式的服务器端渲染
8-3 多组件中的样式如何整合
8-4 LoadData 方法潜在问题的修正
8-5 使用高阶组件精简代码
8-6 列表样式优化
第9章 SEO技巧的融入
本章将讲解SEO中的一些基本技巧,以及如何通过React-helmet等技术,提升当前SSR框架的SEO效果,最后,还会给大家讲解SSR外的另一种解决SEO问题的思路:预渲染。
K A3 q7 N' H) ?9 M6 @# Y
9-1 什么是SEO, 为什么服务器端渲染对SEO更加友好 ?
9-2 Title 和 Description的真正作用
9-3 如何做好 SEO
9-4 React-Helmet 的使用
9-5 课程总结
9-6 使用预渲染解决SEO问题的新思路
% I. |6 i5 F* }6 q0 V( X