React服务器渲染原理解析与实践
**** Hidden Message *****全网少有讲解React服务器端渲染原理的课程
提升硬实力，必会技能
[*]
1
多种技术点整合讲解，如：Node，React，Webpack
[*]
2
贴近实战，国内大型项目的服务端渲染技术
[*]
3
学习课程过程中，可以体验到造轮子的乐趣
[*]
4
讲解预渲染概念，提供解决目前单页面应用SEO问题
[*]
5
讲解编写SSR框架遇到的各种知识点
以及细节上的处理和问题的排查
讲解底层实现原理，突发状况不再照搬模板代码
金牌讲师亲授，从0带你搭建React SSR框架
-->
[*]
/static/module/class/content/img/276/section1-i1.png
基础知识
什么是服务器端渲染？
什么是客户端渲染？
传统React客户端渲染的优势与弊端
[*]
/static/module/class/content/img/276/section1-i2.png
同构的概念及实现
什么是同构?
在浏览器中执行一段js代码
让React代码在浏览器上运行
工程代码优化整理
阶段总结
[*]
/static/module/class/content/img/276/section1-i3.png
同构中的路由
服务器端渲染中的路由
多页面路由跳转
使用Link标签串联起整个路由流程
[*]
/static/module/class/content/img/276/section1-i4.png
引入Redux
创建Store代码的复用
构建Redux代码结构
如何获取正版的secret码
流程回顾及问题分析
异步数据服务器渲染 : loadData方法
及路由重构
Favicon及多级路由问题的处理
服务器端渲染获取数据
数据的脱水和注水
[*]
/static/module/class/content/img/276/section1-i5.png
完整搭建中间层架构
使用proxy代理
axios中instance的使用
redux-thunk中的
withExtraArgument
多级路由的支持
登陆功能的制作/接口打通
登陆状态切换/cookie传递问题
翻译列表展示功能实现
[*]
/static/module/class/content/img/276/section1-i6.png
框架细节处理
增加404页面
使用Context处理服务器端加载异常
重定向代码的实现
SEO效果优化
[*]
/static/module/class/content/img/276/section1-i7.png
css的webpack配置
同构中css文件加载的思路
使用webpack对项目css代码打包
进行配置
引入antd对页面进行完整优化
搭建SSR框架，解决客户端渲染问题
学以致用，进军中高级工程师行列
[*]
侧重原理内容讲解，提升框架编写逻辑能力
[*]
掌握国内大型项目的服务端渲染技术
[*]
编写的SSR框架可以进行二次改良运用到公司
[*]
技术面试加分项
学员专享增值服务
问答专区
关于课程的问题都可在问答区随时提问，讲
师会进行集中答疑
源码开放
课程案例代码完全开放给你，你可以根据
所学知识，自行修改、优化
适合人群
需要有一定的React项目经验, 想要提升自己
进军中高级工程行业的前端开发人员
建议您先从《React16.4开发简书项目 从零基础入门到实战》
这门课程开始学习，以便更好的学习本门课程。
技术储备要求
Node端基础知识，对Express框架有使用经验。对React和Redux至少有
半年以上使用经验。能够比较熟练的使用Webpack基础配置，如loader
相关内容。有至少一个前后端分离项目的开发经验。
**** Hidden Message *****
页:
[1]