Today吃撑了吗

12月21日，React团队公布了一个新的提案Server Components。 伴随这个提案同时发出的，还有一个小时的视频讲解、可供运行的Demo、详尽的介绍。 可见，React团队很重视这个提案。本文会从如下方面讲解： Server Components是在服务端运行的R…

Vite(读音类似于[weɪt]，法语，快的意思) 是一个由原生 ES Module 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES module 开发，在生产环境下基于 Rollup 打包。 为了实现上述特点，Vite 要求项目完全由 ES Module 模块…

对事件进行防抖、节流、缓存... 这些都是很常见并容易忽视的场景。 从时间维度上看，就是在不同时间依次发生的事件。比如说依次点击屏幕，如下可以看做流式的事件 在subscribe方法中定义了一个观察者，里面有三个方法：next、error、complete，这三个方法共同组成了…

React16 引入 Fiber 架构后，将整个调度分为了两个阶段 render & commit，在 render 阶段，React 会计算 DOM 的更新，并将所有需要更新的 fiber 整理成一个 effect list，在 commit 阶段中， React …

从概念上讲，Hooks 是 React 16.8 才全面支持的一个新特性，全面拥抱函数，能够使开发者在不使用 Class 的前提下使用状态和 React 其他的功能，从此函数式组件的地位直线飙升，不再仅仅是纯函数。 从写法上讲，Hooks 是一堆名为 useXXX 的函数，且这…

海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。😄 上篇文章，介绍了webpack的入门基础配置（传送门🚀🚀🚀）。那现在我们就来讲一讲如何通过优化配置项来提高我们的项目构建性能吧。 从项目实战角度出发，我们更关心的还是从项目开发到发布上线。所以优化项可以分为以下几个维…

最近总结了一些能够让 Component 更加优雅的方法，不妨在这里分享一下。当然，你可以引入 NgRx, 然后把逻辑都写到 Reducer 里去，这也是挺优雅的。但是这里想存粹的探讨一下 Component 的一些优化方法。 changeDetection: ChangeDe…

自从 2018 年 2 月，webpack4 发布以来，webpack 就暂时没有更进一步的重大更新，为了保持 API 的一致性，旧的架构没有做太多改变，遗留了很多的包袱。阔别 2 年多后，2020 年 10 月 10 日，webpack 5 正式发布，并带来了诸多重大的变更，…

随着项目不断发展壮大，组件数量开始变得越来越多，项目也开始变得庞大，webpack 编译的时间也会越来越久，我们现在的项目编译一次在 40s ——70s 之间，这是一个效率非常低下的操作。优化的手段有很多，之前项目原本已经做了很多，本文从缓存的角度进行优化讲解 babel-lo…