第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题目标思绪:预衬着。 |
欢迎光临 IT视频教程资源网 (https://surfweb.top/) | Powered by Discuz! X3.2 |