国庆节前最后一周在 Code Review 新同学的 React 代码，发现他想通过 memo 和 useCallback 只渲染被修改的子组件部分。事实上该功能在 React 中是难以做到的。因为

本文通过例子浅析了 React Server Component 的实习原理，并将其与 SSR 进行了对比

WebRTC (Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接

单纯的SSR只是展示静态内容的传统技术，我们仍需要 SPA 交互体验。最好的方案就是SSR+SPA相结合，即在实现服务端渲染的时候，还要实现客户端渲染。

通常理解一个事物的原理，你需要先理解这个事物出现的动机。其次你还要能理解这个事物是基于什么基础概念来实现的。满足以上两点你才能更好的理解这个事物。 immer.js 出现的动机，或者说要解决的痛点，其实是让 js 对于复杂对象（嵌套较深）的修改变得更加容易、可读。而 immer…

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式

ES Modules有局限性，它在浏览器里能够import指定URL的模块，但不能import自身HTML文件里的模块。我们用一个小技巧做到让浏览器可以自由地import文件里inline的JS模块。

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

1. 导读 重构一个项目还不如新开发一个项目... 这代码是谁写的，我真想... 针对上面的问题，本文的主角 圈复杂度 重磅登场，本文将从圈复杂度原理出发，介绍圈复杂度的计算方法、如何降低代码的圈复杂度，如何获取圈复杂度，以及圈复杂度在公司项目的实践应用。 2. 圈复杂度 圈复…