React服务器渲染原理解析与实践

主讲:Dell Web前端工程师课时:时长 10小时
React服务器渲染原理解析与实践
本套课程，讲解了React中SSR技术的整个搭建思路及流程，完整的从原理上讲清楚了SSR的概念，重点在于讲解编写SSR框架遇到的各种知识点，以及细节上的处理和问题的排查。帮助同学们彻底理解深入理解服务器端渲染及底层实现原理，课程学习完成，大家可以搭建属于自己的SSR工程架构。

课程介绍

React服务器渲染原理解析与实践
本套课程，讲解了React中SSR技术的整个搭建思路及流程，完整的从原理上讲清楚了SSR的概念，重点在于讲解编写SSR框架遇到的各种知识点，以及细节上的处理和问题的排查。帮助同学们彻底理解深入理解服务器端渲染及底层实现原理，课程学习完成，大家可以搭建属于自己的SSR工程架构。
适合人群
需要有一定的React项目经验, 想要提升自己
进军中高级工程行业的前端开发人员
建议您先从《React16.4开发简书项目 从零基础入门到实战》
这门课程开始学习，以便更好的学习本门课程。
技术储备要求
Node端基础知识，对Express框架有使用经验。对React和Redux至少有
半年以上使用经验。能够比较熟练的使用Webpack基础配置，如loader
相关内容。有至少一个前后端分离项目的开发经验。
另:1：《React服务器渲染原理解析与实践》来自某课网，原价266，由编程猿整理发布！编程猿承诺，本站所有课程百分百高清，完整，原画，包含所有的视频+素材+课件+源码，官方同步体验！2：本站所有课程MP4格式无密 可以通过网盘在线学习也可下载到本地，方便快捷！3： 所有课程全部支持试看任何章节，可通过点击右侧官方微信扫码添加要求试看！4：官方品质，信誉保证，本站包含某课网,某讯课堂,某易云,饥人谷,某度教育....等上万部课程正在陆续更新，感谢同学们的信任与支持，保证让同学们意！5：所有课程都会包更新，只要官方更新本站延迟2-3天就会更新。6：爱好学习，一直提升自己的小伙伴可以【开通VIP】，享受全站免金币无限制畅快学习！7：在线看默认流畅，调节成原画，最好直接下载到本地是超清！如需咨询请点击

课程目录：第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问题的思路：预渲染。
9-1 什么是SEO， 为什么服务器端渲染对SEO更加友好 ？ 9-2 Title 和 Description的真正作用 9-3 如何做好 SEO 9-4 React-Helmet 的使用 9-5 课程总结 9-6 使用预渲染解决SEO问题的新思路本课程已完结