react服务端渲染(express mobx webpack)

源码地址 https://github.com/wangxiaofeid/reactServerRender 

技术栈: webpack express react react-router mobx less等

具体实现可以看代码实现

如果要查看next.js版本,请切换到next.js分支

遇到的一些问题:

1. 服务端渲染出来的html和客户端第一次渲染的html不一致是会有警告

2. mobx的store转化成json时不能深度解析,使用mobx.toJS(store, true)也不行,自己做了层转化

3. 服务端使用match后,客户端也要使用match,不然渲染出来的html不一致,会有1的警告

4. 客户端使用match后点击其他页面后,html修改了url不改变的问题,使用mobx-react-router里的RouterStore,再对react-router的Link做一层封装,具体看代码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。