学习节奏与基础门槛

这是一门专门针对想提升 React 性能和 SEO 能力的自学者设计的课程。它不追求框架的快速上手，而是把重点放在理解“服务器端渲染（SSR）”背后的原理上。建议你先熟悉 React 基础组件写法和 Node.js 的基础环境，不要试图一口气吃成胖子。课程节奏较慢，我会带你从最基础的客户端渲染弊端讲起，逐步过渡到如何在服务器端编写组件，再深入到同构概念、路由、Redux 以及数据获取中间层。哪怕你最后觉得 SSR 过于复杂，这个循序渐进的过程也能帮你理清前端性能优化的底层逻辑。

章节顺序与跳过建议

建议按顺序观看，前两章是核心基石，务必看懂。第三章梳理同构概念，是为了让你理解为什么前后端需要共享逻辑。第四、五章讲路由和状态管理，属于 SSR 的标准配置，但如果你只是做纯静态展示，可以暂时跳过 Redux 结合部分。第六章关于数据获取中间层比较关键，是 SSR 的难点，建议跟着做。第七、八章处理细节问题，第八章关于 CSS 样式是很多人容易踩坑的地方，建议保留。第九章的 SEO 技巧是 SSR 的终极目标，学完 SSR 后再看这部分，会有醍醐灌顶的感觉。

资料配合练习方法

资料包提供了完整的源码工程，不要只看视频不动手。建议先下载 coding-276-master.zip 并解压，对照视频中的步骤一步步启动项目。在遇到“服务器端 Webpack 配置”或“CSS 样式处理”等章节时，务必暂停视频，尝试修改代码并观察控制台报错。通过修改配置文件来理解 SSR 是如何构建的，比单纯看视频记忆要深刻得多。学完这门课，你应该能独立搭建一个具备 SEO 能力、数据按需加载的 SSR 应用。

课程目录

第1章 服务器端渲染基础
1-2 什么是服务器端渲染.mp4 16.55M
1-3 什么是客户端渲染.mp4 14.18M
1-4 React 客户端渲染的优势与弊端.mp4 21.82M
第2章 React中的服务器端渲染
2-1 在服务器端编写 React 组件.mp4 18.94M
2-2 服务器端 Webpack 的配置.mp4 58.84M
2-3实现服务器端组件渲染,2-4 建立在虚拟DOM上的服务器端渲染.mp4 45.26M
2-5,2-6,3-1.mp4 86.33M
第3章 同构的概念的梳理
3-2,3-3.mp4 46.23M
3-4.mp4 25.80M
3-5.mp4 2.37M
第4章 在SSR框架中引入路由机制
4-1~4-3,5-1~5-2.mp4 146.86M
第5章 SSR框架与Redux的结合
5-11.mp4 101.11M
5-3~5-10.mp4 295.34M
第6章 使用Node作为数据获取中间层
6-1~6-10.mp4 468.83M
第7章 细节问题处理
7-1~7-4.mp4 192.11M
第8章 处理SSR框架中的CSS样式
8-1~8-6.mp4 258.15M
第9章 SEO技巧的融入
9-1~9-6.mp4 307.86M
资料
coding-272-master.zip 4.50M
coding-276-master.zip 3.99kb
mksz276-React服务器渲染原理解析与实践/
1-3 什么是客户端渲染.mp4