React SSR【React服务器端渲染】

目录

1、React SSR 介绍

2、服务器端渲染快速开始 

3、客户端 React 附加事件 

4、优化

5、路由支持

6、Redux 支持

1、React SSR 介绍

• 什么是客户端渲染

        CSR：Client Side Rendering

        服务器端仅返回 JSON 数据, DATA 和 HTML 在客户端进行渲染.

•  什么是服务端渲染

        SSR：Server Side Rendering

        服务器端返回HTML, DATA 和 HTML 在服务器端进行渲染.

• 客户端渲染存在的问题

       （1）首屏等待时间长, 用户体验差

       （2）页面结构为空, 不利于 SEO

• SPA 应用中客户端渲染解决的问题 

        

• SPA 应用中服务器端渲染解决的问题

         

• React SSR 同构 

         同构指的是代码复用. 即实现客户端和服务器端最大程度的代码复用.