nanchenk

在 React 18 中通过了在默认情况下做更多的批处理，增加了开箱即用的性能改进，消除了在应用程序或库代码中手动批处理更新的需要。这篇文章将解释什么是批处理，它以前是如何工作的，以及发生了什么变化~

在过去的一年里，一系列新的开发者工具落地，它们紧随过去几年主导前端开发的工具，包括 webpack、Babel、Rollup、Parcel、create-react-app。 这些新工具并非旨在执行完

我见过很多人盲目地使用 React、Angular 或 Vue.js 等现代框架。这些框架提供了许多有趣的东西，但人们通常忽略了它们存在的最深层原因，这不是: 他们是基于组件的; 他们有一个强大的社区

Redux vs RecoilReact 基于组件的方法通过管理每个组件的独立状态和逻辑，以及在需要时复用它们的能力，简化了开发人员的工作。但如果你想在多个组件之间使用共享状态，或者从一个 API 中

大型应用的场景本文旨在分享一些对于状态管理的思考与抉择，在展开之前，我们先来定义一下何为“大型应用”。以笔者本身为例，日常的工作在维护公司内部的一款BI分析平台，从前期的数据源筛选，数据加工，到分析过

一天晚上。 代码正常运行。 但是有很多重复的地方。每个图形（例如矩形和椭圆形）有一组不同的手柄，沿着不同的方向每个手柄会以不同的方式影响图形的位置和大小。如果用户按住 shift 键，那么拖拽的过程中还要保持原有的比例。一大堆的数学问题。 这一堆的重复数学代码很很困扰我。 他根…

在 react/redux 体系下的项目，在处理副作用（前端主要表现在异步问题）时，总是无脑上 redux-sage，前人铺的路总是香的，但是前人为什么走这条路呢？今天我们来挖挖他的前世今生。 在开始之前，先讲讲为什么出现 redux 。 话说随着 web2.0 时代的到来，前…

本文旨在将日常开发过程中遇到的坑，或者维护起来很麻烦的写法做记录，精简为如下10条规则，其中可以通过 eslint 与 prettier 的规则解决的格式与风格的问题在此不再赘述。 1. 禁止在 DOM 元素中使用 dangerouslySetInnerHTML 属性。 2. …

避免不必要的选中行为，例如在实现click或dblclick事件时，不应该发生选中的动作，这不是用户期待的行为，只是浏览器的默认行为。 提供更广阔的点击区域，可以利用after/before伪元素或者padding扩展区域，帮助用户更容易交互界面，为了别人的血压考虑，不要把点击…