React-SSR-TS同构渲染项目
react-ssr-ts 的服务端渲染项目，结构清晰，技术栈配得还挺顺手。用了React + TypeScript + Koa2 + Antd，比较适合想搞点实际场景练练 SSR 的同学。嗯，项目打算做复杂表格，没堆太多业务逻辑，纯技术栈的东西，看起来干净。
SSR 核心也不复杂：一套同构代码跑两遍，服务端初始渲染一次，客户端再接管事件。页面切得比较快，体验还不错。
脱水注水的思路也用了，服务端拿到数据后注到 window 里，前端直接用，不用再等 AJAX，防止页面闪。你做多点表单或复杂展示会比较。
开发体验这块也顾到了，用了 nodemon 热更服务端代码，开发时改完就能看到效果。后期上线你可以用 pm2 替换，除了能管理进程，还支持负载均衡，比直接 node app.js 稳定多了。
Webpack打包也配置好了，命令是 webpack --watch，开发时自动构建。你如果也在用类似栈，拉下来直接跑一跑，体验一下 SSR 的节奏还是挺香的。
哦对了，项目里还有不少参考资料，像React+Koa2+TypeScript 同构框架、SSR 实现详解这些，看着也挺系统。如果你对 SSR 原理不熟，可以顺便看看。
如果你正好在搭后台系统，或想搞清 SSR 流程，react-ssr-ts 这个项目还挺合适的，能直接上手练练，不会绕太多弯路。
文件大小：105.05KB
评论区