首页 实战 React服渲染原理深度解析,掌握大型服务端渲染技术
收藏

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

从零开始,带你搭建属于自己的React SSR框架

React服渲染原理深度解析,掌握大型服务端渲染技术

难度 高级 时长 10小时 学习人数 978 综合评分 10.00
搞懂React工程化开发(高级)
活动到手价:¥465.00 领券加购减100
2门课 总价:¥565.00
加购物车

本课程讲解React中SSR技术的整个搭建思路及流程,从原理上讲清楚SSR的概念,重点讲解编写SSR框架遇到的各种知识点,以及细节上的处理和问题的排查。课程学习完成,大家可以搭建属于自己的SSR工程架构。

Dell
讲师

资深前端工程师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

全网少有讲解React服务器端渲染原理的课程

提升硬实力,必会技能

  • 1

    多种技术点整合讲解,如:Node,React,Webpack

  • 2

    贴近实战,国内大型项目的服务端渲染技术

  • 3

    学习课程过程中,可以体验到造轮子的乐趣

  • 4

    讲解预渲染概念,提供解决目前单页面应用SEO问题

  • 5

    讲解编写SSR框架遇到的各种知识点


    以及细节上的处理和问题的排查

讲解底层实现原理,突发状况不再照搬模板代码

金牌讲师亲授,从0带你搭建React SSR框架

  • 基础知识

    什么是服务器端渲染?

    什么是客户端渲染?

    传统React客户端渲染的优势与弊端

  • 同构的概念及实现

    什么是同构?

    在浏览器中执行一段js代码

    让React代码在浏览器上运行

    工程代码优化整理

    阶段总结

  • 同构中的路由

    服务器端渲染中的路由

    多页面路由跳转

    使用Link标签串联起整个路由流程

  • 引入Redux

    创建Store代码的复用

    构建Redux代码结构

    如何获取正版的secret码

    流程回顾及问题分析

    异步数据服务器渲染 : loadData方法

    及路由重构

    Favicon及多级路由问题的处理

    服务器端渲染获取数据

    数据的脱水和注水

  • 完整搭建中间层架构

    使用proxy代理

    axios中instance的使用

    redux-thunk中的

    withExtraArgument

    多级路由的支持

    登陆功能的制作/接口打通

    登陆状态切换/cookie传递问题

    翻译列表展示功能实现

  • 框架细节处理

    增加404页面

    使用Context处理服务器端加载异常

    重定向代码的实现

    SEO效果优化

  • css的webpack配置

    同构中css文件加载的思路

    使用webpack对项目css代码打包

    进行配置

    引入antd对页面进行完整优化

搭建SSR框架,解决客户端渲染问题

学以致用,进军中高级工程师行列

  • 侧重原理内容讲解,提升框架编写逻辑能力

  • 掌握国内大型项目的服务端渲染技术

  • 编写的SSR框架可以进行二次改良运用到公司

  • 技术面试加分项

学员专享增值服务

问答专区

关于课程的问题都可在问答区随时提问,讲

师会进行集中答疑

源码开放

课程案例代码完全开放给你,你可以根据

所学知识,自行修改、优化

适合人群

需要有一定的React项目经验, 想要提升自己

进军中高级工程行业的前端开发人员

建议您先从《React16.4开发简书项目 从零基础入门到实战》

这门课程开始学习,以便更好的学习本门课程。

技术储备要求

Node端基础知识,对Express框架有使用经验。对React和Redux至少有

半年以上使用经验。能够比较熟练的使用Webpack基础配置,如loader

相关内容。有至少一个前后端分离项目的开发经验。

环境参数

  • Node >= 7.1.0
  • Express >= 4.16.3
  • React >= 16.4.1
  • Redux >= 4.0.0
  • 框架 react-redux >= 5.0.7
  • 框架 react-router-dom >= 4.3.1
  • Webpack >= 4.16.0
  • 工具 webpack-cli >= 3.0.8
  • 工具 babel-core = 6.26.3
  • 工具 babel-preset-env = 1.7.0
  • 工具 babel-loader = 7.1.5

万事俱备 只等你来

  • 爱读书的Iceberg

    好评

    学过之前慕课网也有一门React服务端渲染,我很佩服那个老师,不过那本课难度非常高,更面向工程化,难度非常大,思考问总是从架构出发,更像这门课的进阶。 老师这门循循渐进,学起来,很容易,之前很多困惑的地方都明白了,还有老师教学真的很细心,对于一些坑点,把原理讲的很透彻,告诉问题产生的原因还有如何去解决,思路是什么,为什么去做。有学生时代在校老师那份尽职尽责。总之很满意。

  • qq_我的心向大海_ckuGNU

    好评

    老师的声音太有磁性了,而且老师讲的特别的细致,我原来买的是另一个老师的ssr,由于个人的水平有限,那个高级课程对我来说,有点太难以理解了,偶然发现老师的ssr课程,我觉得老师绝对是对于学术研究很仔细,很深入的人,每一行代码都解释的,还有谁?

  • jeanneze

    好评

    师者,传道受业解惑也,Dell Lee老师做到了,买了老师好几门课,都非常好,这门课让我真正明白了服务器端渲染的原理,node js 在服务端渲染中存在的意义,每一个细节点都分析得很透彻,听了就停不下来,求知若渴的前提是:老师讲得真的特别棒,可以看出老师本人对技术本身理解就很透彻,感谢老师辛苦的讲解!!!

查看全部412条用户评价
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题