Egg + React + SSR 服务端渲染

最小而美的服务端渲染应用骨架

快速上手 →

生产环境构建出来的bundle为同等复杂度的next.js项目的0.4倍,文件数量相比于next.js减少非常多

支持HMR,同时支持本地开发以及生产环境CSR/SSR两种渲染模式无缝切换,支持定制特定组件的渲染模式

配置非黑盒,且一切关键位置皆可通过config.default.js来配置

推荐使用UmiJS(最新版已经支持SSR以及PreRender),实现方式与本骨架一致,两者不冲突,互相补位

Getting started

$ npm install yk-cli -g
$ ykcli init <Your Project Name>
$ cd <Your Project Name>
$ npm i
$ npm start
$ open http://localhost:7001

用法

  • render是react的视图渲染方法
  • getInitialProps是获取数据方法,将返回值赋值给组件状态
    • csr通过高阶组件实现
    • ssr通过node执行
function Page(props) {
  return <div> {props.name} </div>
}

Page.getInitialProps = async (ctx) => {
  return Promise.resolve({
    name: 'Egg + React + SSR'
  })
}

export default Page

社区交流

Pull Request Github Issue 钉钉群
egg-react-ssr/pulls egg-react-ssr/issues