联系客服1
联系客服2

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

129
回复
39000
查看
打印 上一主题 下一主题
  [复制链接]
  • TA的每日心情
    擦汗
    昨天 20:47
  • 签到天数: 744 天

    [LV.9]以坛为家II

    7285

    主题

    8688

    帖子

    130万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    1301719


    第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问题的新思路

    下载地址:
    游客,如果您要查看本帖隐藏内容请回复

    收藏
    收藏3
    分享
    分享
    支持
    支持0
    反对
    反对0
    回复

    使用道具 举报

  • TA的每日心情
    难过
    2024-4-23 14:14
  • 签到天数: 85 天

    [LV.6]常住居民II

    7

    主题

    479

    帖子

    1699

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    1699
    131#
    发表于 2022-3-11 12:50:38 | 只看该作者
    131
    hldaahduadhauohda
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2022-8-31 17:45
  • 签到天数: 62 天

    [LV.6]常住居民II

    4

    主题

    175

    帖子

    3171

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    3171
    130#
    发表于 2021-10-15 18:09:06 | 只看该作者
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    无聊
    2024-2-16 15:50
  • 签到天数: 381 天

    [LV.9]以坛为家II

    1

    主题

    554

    帖子

    6618

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    6618
    129#
    发表于 2021-4-6 20:43:32 | 只看该作者
    正需要,支持楼主大人了!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2022-7-4 18:19
  • 签到天数: 58 天

    [LV.5]常住居民I

    1

    主题

    109

    帖子

    2969

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    2969
    128#
    发表于 2021-4-5 22:57:50 | 只看该作者
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2021-9-16 09:14
  • 签到天数: 67 天

    [LV.6]常住居民II

    3

    主题

    113

    帖子

    4011

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    4011
    127#
    发表于 2021-3-23 22:27:48 | 只看该作者
    确实是难得好帖啊,顶先
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2023-7-8 14:47
  • 签到天数: 12 天

    [LV.3]偶尔看看II

    1

    主题

    62

    帖子

    2470

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    2470
    126#
    发表于 2021-3-8 11:29:11 | 只看该作者
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2021-3-15 12:04
  • 签到天数: 75 天

    [LV.6]常住居民II

    1

    主题

    505

    帖子

    5088

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    5088
    125#
    发表于 2021-2-28 15:47:09 | 只看该作者
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    难过
    2022-3-27 13:23
  • 签到天数: 38 天

    [LV.5]常住居民I

    2

    主题

    122

    帖子

    3345

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    3345
    124#
    发表于 2021-2-21 16:20:24 | 只看该作者
    正需要,支持楼主大人了!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2024-5-5 11:48
  • 签到天数: 278 天

    [LV.8]以坛为家I

    2

    主题

    960

    帖子

    1万

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    10011
    123#
    发表于 2021-2-18 12:47:49 | 只看该作者
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

    学习课程!一站搞定!
    学途无忧VIP会员群

    973849140

    周一至周日9:00-23:00

    反馈建议

    1227072433@qq.com 在线QQ咨询

    扫描二维码关注我们

    学途无忧!为学习谋坦途,为会员谋福利!|网站地图