Skip to content
基于react,react-router,redux,saga,express搭建的react ssr项目模板
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build submit Oct 15, 2018
mock submit Oct 15, 2018
public submit Oct 15, 2018
src submit Oct 15, 2018
.gitignore submit Oct 15, 2018
LICENSE update Oct 15, 2018
README.md update Oct 15, 2018
package-lock.json update Oct 15, 2018
package.json submit Oct 15, 2018
webpack.base.js submit Oct 15, 2018
webpack.client.js submit Oct 15, 2018
webpack.server.js submit Oct 15, 2018

README.md

react-ssr-template

基于 react,react-router,redux,redux-saga,express 等搭建的 ssr 服务端渲染的项目架构

运行(根目录下)

npm run dev // 启动后访问:http://localhost:3000/
node .\mock\apiserver.js //启动mock api服务

为啥做这个?

有了 next.js 框架以后,干嘛自己折腾 ssr,主要为了体验下整个过程,这里面遇到一些坑,记录在我的博客

预渲染?

如果不是对首屏 time-to-first-page 特别要求,仅仅为了 SEO,可以考虑 prerender

还未解决的问题

按需加载(使用 react-loadable 实现过程中遇到一些问题尚未解决)

重复渲染 css(服务端渲染了 css 输出到浏览器端以后,浏览器端 js 执行以后仍然会生成 css 插入到 style 标签)

特别感谢

慕课网的 DellLee

You can’t perform that action at this time.