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

目前主流的服务器端渲染框架也就是SSR框架有针对于Vue的Nuxt.js和针对React的Next.js这两个。如果是服务器端渲染这个流程就不同了，浏览器发送请求，服务器端运行React代码生成页面，然后服务器将生成好的页面返回给浏览器，浏览器进行渲染。这种情况下React代码就是服务器的一部分而不是前端部分了。在服务器端使用webpack需要添加一个target为node的键值对。./src/server/index.js运行webpack使用webpack.server.js配置文件来执行。React的服务端渲染是建立在虚拟DOM上的服务器端渲染，而且服务端渲染会让页面的首屏渲染速度大大加快。极大的消耗了服务器的性能，因为React代码是很消耗计算性能的。但是运行之后我们会发现这个事件并没有被绑定上，因为服务器端没办法绑定事件。