从零开始,带你搭建属于自己的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问题的思路:预渲染。
请先
!