在2年前校招找前端工作的时候，我背了一堆面试题，其中有一些关于SSR的面试题，内容主要是SSR的优点和解决的问题等概念性问题，不过没有实现SSR的方案。 虽然市面上已经有开箱即用的开源SSR方案（Next.js、Nuxt.js），其原理还是有必要去探究清楚的。本文旨在介绍SSR的概念和原理，并提供使用webpack+react和Vite+Vue3搭建SSR项目的完整实战指南。在上述两个项目的代码实现过程中，我参考了一些文章的方案，但发现这些方案并不尽完善，因此我自己也做了一些探索和优化。在本文中，我也会分享这些值得注意的点。

在React中进行渲染控制来进行优化，实际优化的并不是浏览器渲染 UI 的过程，而是优化前置的js执行过程。在数据量大、数据改变频繁的场景，对不必要的渲染进行控制是非常有必要的。