什么是SSR? SSR是Server Side Rendering的缩写，它可以将组件渲染成为HTML字符串，发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序，它的出现是为了解决

本文内容主要为webpack和ssr的部分简单实现，通过具体示例引导学习曲线，涉及概念内容较少，建议自行仔细阅读相关官方文档

因为每次访问端口都依赖于静态资源，所以每次修改代码查看效果都需要webpack重新编译，开发过程中相对麻烦。 hydrate在浏览器端对存在元素挂载监听事件。React希望服务端渲染的内容与浏览器渲染的内容一致。同时，React可以对文字内容的不一致进行修补，但我们最好不要人为…

如果大家不了解 Gatsby 是什么，我这里简单介绍一下，它是一个基于 React 的静态页面构建工具。开发者通过编写页面模板（其实就是 React 组件）和配置文件，Gatsby 就能为指定的数据文件（可以是 Markdown 等）创建页面。 开发过程中我一直使用的是 ser…

也没有执行render之后的生命周期，组件没有被完整地“渲染”出来。因此，另一部分渲染工作仍然要在客户端完成，这个过程就是 hydrate

ReactCSR：水车模型当初在理解ReactCSR时做过一个比喻，把单向数据流比作瀑布模型：（摘自深入React）单组件的微观视角下，我们把props理解为水管（数据通道），接收外部传递进来的数据（

吐槽next.js官方文档 Next.js足够强大和弹性伸缩，如果不需要对项目进行额外的配置的话，那么next.js几乎可以零配置就能满足我们大部分的前端业务场景： CSR（client side r

前段时间寻思做个个人网站，然后就立马行动了。 个人网站如何实现选择什么技术方案，自己可以自由决定。 刚好之前有大致想过服务端渲染，加载速度快，还有 SEO 挺适合个人网站的。 所以就自己造了个轮子用 koa+react 来实现 SSR 服务端渲染。 最初听说有单页面的服务端渲染…

前段时间一直在研究react ssr技术，然后写了一个完整的ssr开发骨架。今天写文，主要是把我的研究成果的精华内容整理落地，另外通过再次梳理希望发现更多优化的地方，也希望可以让更多的人少踩一些坑，让跟多的人理解和掌握这个技术。 相信看过本文（前提是能对你的胃口，也能较好的消化…