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

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

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

目录

  • 第1章 服务器端渲染基础 试看

    本章主要讲解客户端与服务器端渲染的概念,分析客户端渲染和服务器端渲染的利弊,带大家对服务器端渲染有一个粗浅认识。

    共 4 节 (34分钟)

  • 第2章 React中的服务器端渲染

    本章将借助Node.js,Webpack等工具的帮助,带大家实现一个非常基础的基于React.js技术栈的服务器端渲染模型,过程中还会讲解虚拟DOM与服务器端渲染的内在联系。

    共 6 节 (61分钟)

  • 第3章 同构的概念的梳理 试看

    服务器端渲染与同构的概念实际上并不完全一致,React中的SSR实际上指的是同构技术,那么什么是同构技术,它和服务器端渲染的关系是什么,React中如何实现同构呢?这一章节将给大家详细讲解。

    共 5 节 (33分钟)

  • 第4章 在SSR框架中引入路由机制

    本章将给大家讲解如何在当前的SSR框架中引入React-Router,从而使得我们的服务器端渲染框架能够支持路由跳转,SSR的路由跳转比前端路由或后端路由都要复杂一些,这张我们将细致的讲解整个SSR路由的执行流程。

    共 3 节 (28分钟)

  • 第5章 SSR框架与Redux的结合 试看

    本章将讲解如何将Redux数据管理框架与SSR框架做结合,使SSR框架能够支撑复杂业务的开发。在这一章节中,我们将详细讲解服务器端异步数据获取的流程和方法,同时也给大家讲解清楚什么是同构中的数据脱水与注水。

    共 11 节 (133分钟)

  • 第6章 使用Node作为数据获取中间层

    本章将讲解真正服务器端渲染中的代码架构体系,Node.js如何在这个体系中充当中间层的作用,这里面我们将详细讲解数据代理转发,cookie登陆状态传递,axios实例等概念。

    共 10 节 (150分钟)

  • 第7章 细节问题处理

    本章将讲解在SSR框架中,如何处理301重定向,404页面不存在的情况,以及面对异步数据获取失败的情况,应该如何借助Promise解决问题。

    共 4 节 (50分钟)

  • 第8章 处理SSR框架中的CSS样式

    本章将讲解在SSR框架中,组件和页面中CSS样式的处理方案,在这章中,我们还会应用高阶组件等设计技巧,提高代码复用性。

    共 6 节 (66分钟)

  • 第9章 SEO技巧的融入

    本章将讲解SEO中的一些基本技巧,以及如何通过React-helmet等技术,提升当前SSR框架的SEO效果,最后,还会给大家讲解SSR外的另一种解决SEO问题的思路:预渲染。

 

资源下载赞赏金额9.8立即下载    升级VIP后免费升级VIP
本站资源高清无加密,支付后自动显示下载链接,如果链接失效,可联系本站客服
赞赏金额价格9.8立即下载    升级VIP后免费立即升级
本站资源高清无加密,支付后自动显示下载链接,如果链接失效,可联系本站客服
0
分享到:

评论0

请先

限时优惠:年费只要【186】终身会员只要【266】充值会员,畅想无限   立即开通
没有账号? 忘记密码?