作者接触并学习React SSR是由于工作的需要,后又经过一段时间的深入学习和实践,当时也恰巧业内还没有基于koa2的React SSR开发骨架,所以干脆写成一个开源项目 zz.js,技术栈是react+node+koa2+webpack。
期间查阅了大量的文章,最终还是需要通过实践来验证所有的认知和理解。后来为了验证和升级自己的轮子,参考了一些业内框架的实现,将其中较好的实现用于自己的轮子,虽然实现细节不同,但是原理大同小异。
目前zz.js,已经比较完备,可以用于实际的项目开发,由于是全白盒,所以可以非常方便进行二次开发和改造。
现在作者将借助这本小册,将对React SSR技术的理解和认知整理成文,带你从基础原理出发,同时结合大量实践,步步为营,发现问题、分析问题、解决问题的方式,从零开始打造一个完整的开发骨架。这个过程就像是盖房子,从地基开始,逐步的建造。最后让你对本技术的原理和在搭建SSR框架的实现细节以及问题排查和处理有一个非常详细且完整的认知和理解,最后也可以搭建属于自己的SSR开发框架。
希望这本小册可以帮你答疑解惑,降低你的学习成本,快速掌握本技术。
作者介绍
zz_jesse,某上市互联网企业前端研发leader、公众号「前端技术江湖」作者、react ssr 应用开发骨架「zz.js」作者。早期做过后端开发,目前专注前端领域、爱折腾、爱分享。
小册主要内容
有愿景的小册
小册特点
- 全面、完整、涉及原理、实践、细节、开发环境、生产环境、性能优化、多版本同构(有状态管理、无状态管理、双模式渲染)。
小册愿景
- 帮助那些对 React SSR
技术有兴趣的同学解惑答疑,降低学习成本,彻底理解并掌握这项技术。
可以系统学习,也可以作为一本参考资料,需要时翻阅一下。
技术栈
react 16
koa2
node
react-router5
babel7
webpack4
webpack-dev-server
其他辅助...
你会学到什么?
学基础、学原理、学习从0到1如何搭建一个完整的应用骨架,彻底理解React SSR
技术,最后可以搭建属于自己的SSR
应用骨架。
- 彻底理解
React SSR
的核心原理 - 彻底理解同构
- 如何打造同构应用
- 数据同构
- 路由同构
- 路由分割
- CSS 同构
- 使用高阶组件进行优化
- React 结合 Redux 的同构应用打造
- 服务端和客户端的 webpack 配置
- 如何配置生产环境
- node 子进程的应用
- 一个项目骨架从0到1的开发和设计过程
适宜人群
- 初中高级前端工程师
- 了解传统服务渲染技术
- 对
React SSR
技术感兴趣的小伙伴,无论你用的是react
还是vue
,原理相同 - 对
react node koa
有基本的了解和应用