2个月没写了,时间被炸干净了。。。
1.话不多说, 今天来讨论下ssr
传统CSR的弊端:
由于页面显示过程要进行JS文件拉取和React代码执行,首屏加载时间会比较慢。
对于SEO(Search Engine Optimazition,即搜索引擎优化),完全无能为力,因为搜索引擎爬虫只认识html结构的内容,而不能识别JS代码内容。
2.最简单的一个ssr
3.加个点击事件
react-dom/server下的renderToString并没有做事件相关的处理,因此返回给浏览器的内容不会有事件绑定。
这就需要进行同构了。所谓同构,通俗的讲,就是一套React代码在服务器上运行一遍,到达浏览器又运行一遍。服务端渲染完成页面结构,浏览器端渲染完成事件绑定。
4.唯一的方式就是让浏览器去拉取JS文件执行,让JS代码来控制
5.打包client/index.js
6.加入路由
7.下面加入状态管理redux
注意componentDidMount在服务端代码里面不会执行
8.继续改造
9.数据的注水和脱水
大概就是这样,更多可以参考我的github项目