请选择 进入手机版 | 继续访问电脑版
查看: 101|回复: 0

React 服务器渲染原理解析与实践(同步更新)

[复制链接]

8万

主题

8万

帖子

26万

积分

管理员

管理员

Rank: 9Rank: 9Rank: 9

积分
269352
QQ
发表于 2018-10-18 14:55:27 | 显示全部楼层 |阅读模式

第1章 办事器端衬着根本
本章首要讲授客户端与办事器端衬着的概念,分析客户端衬着和办事器端衬着的利弊,带大师对办事器端衬着有一个粗浅熟悉。
1-1 课程导学
1-2 什么是办事器端衬着
1-3 什么是客户端衬着
1-4 React 客户端衬着的上风与弊端
第2章 React中的办事器端衬着
本章将借助Node.js,Webpack等工具的帮助,带大师实现一个很是根本的基于React.js技术栈的办事器端衬着模子,进程中还会讲授虚拟DOM与办事器端衬着的内在联系。
2-1 在办事器端编写 React 组件
2-2 办事器端 Webpack 的设置
2-3 实现办事器端组件衬着
2-4 建立在虚拟DOM上的办事器端衬着
2-5 Webpack 的自动打包与办事器自动重启
2-6 利用 npm-run-all 提升开辟效力
第3章 同构的概念的梳理
办事器端衬着与同构的概念现实上并不完全分歧,React中的SSR现实上指的是同构技术,那末什么是同构技术,它和办事器端衬着的关系是什么,React中若何实现同构呢?这一章节将给大师具体讲授。
3-1 什么是同构
3-2 在阅读器上履行一段 JS 代码
3-3 让 React 代码在阅读器上运转
3-4 工程代码优化整理
3-5 阶段总结
第4章 在SSR框架中引入路由机制
本章将给大师讲授若何在当前的SSR框架中引入React-Router,从而使得我们的办事器端衬着框架可以支持路由跳转,SSR的路由跳转比前端路由或后端路由都要复杂一些,这张我们将细致的讲授全部SSR路由的履行流程。
4-1 办事器端衬着中的路由
4-2 多页面路由跳转
4-3 利用Link标签串联起全部路由流程
第5章 SSR框架与Redux的连系
本章将讲授若何将Redux数据治理框架与SSR框架做连系,使SSR框架可以支持复杂营业的开辟。在这一章节中,我们将具体讲授办事器端异步数据获得的流程和方式,同时也给大师讲授清楚什么是同构中的数据脱水与注水。
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实例等概念。
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处理题目。
7-1 secret同一治理
7-2 借助 context 实现404页面功用
7-3 实现办事器端301重定向
7-4 数据请求失利情况下 promise 的处置
第8章 处置SSR框架中的CSS款式
本章将讲授在SSR框架中,组件和页面中CSS款式的处置计划,在这章中,我们还会利用高阶组件等设想技能,进步代码复用性。
8-1 若何支持 CSS 款式修饰
8-2 若何实现CSS款式的办事器端衬着
8-3 多组件中的款式若何整合
8-4 LoadData 方式潜伏题目标批改
8-5 利用高阶组件精简代码
8-6 列表款式优化
第9章 SEO技能的融入
本章将讲授SEO中的一些根基技能,以及若何经过React-helmet等技术,提升当前SSR框架的SEO结果,最初,还会给大师讲授SSR外的另一种处理SEO题目标思绪:预衬着。
游客,如果您要查看本帖隐藏内容请回复
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|IT视频教程资源网 ( 粤ICP备2022015727号 )网站地图

GMT+8, 2023-2-5 03:39 , Processed in 0.211280 second(s), 24 queries .

快速回复 返回顶部 返回列表

客服
热线

微信 webshop6
7*24小时微信 客服服务

扫码添
加微信

添加客服微信 webshop6 获取更多

关注
公众号

关注微信公众号 webjianzhan