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做一层封装,具体看代码

你可能感兴趣的:(react服务端渲染(express mobx webpack))