前言
现在的服务端渲染框架越发成熟,很多时候只需要开箱即用即可。这里我将通过几个项目介绍react服务端渲染的原理,以及如何搭建一个小而美的react服务端渲染框架。
share-demo
仓库地址:share-demo
用5个分支一步一步从0搭建一个简单的React服务端渲染项目,逐步解决服务端渲染常见的问题:
- 分支:demo-01,一个简单的node服务端渲染页面
- 分支:demo-02-react生成html,使用react在服务端渲染react组件
- 分支:demo-03-客户端渲染搭建,客户端hydrate,使得页面能够相应用户的点击等事件
- 分支:demo-04-react-router,集成react router
- 分支:demo-05-代码分割,代码分割
- 分支:demo-06-css处理,css处理
可以切换以上分支,体验一步一步搭建react服务端渲染应用的过程,以及每一步主要解决了什么问题
egg-react-ssr-demo
仓库地址:egg-react-ssr-demo
采用egg + mysql + sequelize + react + redux + redux thunk + axios + antd从0到1搭建的框架。具备代码分割懒加载,CSR/SSR无缝切换,对SPA写法无侵入,首屏SSR减轻服务器压力等优势
egg-react-ssr
仓库地址:egg-react-ssr
从0到1搭建的实战化的react服务端渲染框架