颜海镜

React Hook Form 是一个基于 React 的轻量级表单验证库。它使用了 React Hook API，让表单验证变得简单、易用、高效。...

今天，Rspack 终于到达了一个崭新的阶段 —— 1.0。这意味着 Rspack 已经达到生产稳定，覆盖了 webpack 绝大多数的 API 和功能，并已经做好支持更多...

宣布推出 Rspack 1.0# 我们很高兴推出 Rspack 1.0！ Rspack 是一个用 Rust 编写的下一代 JavaScript 捆绑器，兼容 webpack...

新版本在今年4月份全新推出，正式将 Flat Config 合并到了 Release 版本，到现在经过了 9 个月的时间，不知道小伙伴们有没有做一次正式的迁移。...

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构...

虽然开发、测试、生产的代码都是使用webpack构建工具来构建，但是对于不同的环境对构建后代码的要求肯定是不一样的。今天我们就来说说webpack的环境配置。...

在webpack中，编译ts文件有两种方式。可以使用ts-loader或者babel-loader来处理我们的ts文件。这两者有什么区别呢？接下来我们一起来看看。...

Rspack 是一个基于 Rust 的 Web 构建工具，它最大的特点是惊人的构建速度。在最近的一年内我们把大部分项目都迁移到了Rspack/Rsbuild，迁移后带来的开...

了解为全链路监控为生的 async_hook 模块，本文带你探索 AsyncLocalStorage “隔空”传递上下文的奥秘...

什么是 AsyncLocalStorage ？一般什么时候使用它？没有 AsyncLocalStorage 这个 API 之前的时代是怎么解的？Node 是如何实现的？...

随着项目的逐步迭代，代码量和依赖的逐渐增长，应用的构建速度逐步进入缓慢期。以目前所在团队的业务应用来看（使用webpack构建），应用整体构建耗时已经普遍偏高，影响日常开发...

前言 首先介绍一下 Live reloading 和 Hot reloading 的区别： Live reloading: 修改文件之后，Webpack 重新编译，并强制刷...

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...

一张图概括前端包管理器历史： 前端包管理器除了npm、yarn、pnpm之外，还有bower、jspm等一些过时的包管理器，这里不再介绍。本编文章概述和梳理npm、yarn...

React 团队于 2024 年 12 月 5 日正式发布了 React v19 稳定版，并在 npm 上可用。此次更新带来了许多令人期待的新特性和改进，开发者们可以通过 ...

1,简介 在状态共享这方面，不像 Vuex，React 的官方并没有强力推荐某种封装方案，所以 React 的状态管理工具五花八门，百花齐放， 其中就有： 做什么都要 di...

单元测试是书写组件库必备的，在React中常见的测试库有2个，一个是Enzyme，一个是react-testing-library。...