1. 业务背景 在前端的业务场景中：点击按钮，发起请求。在请求还未结束的时候，一个按钮可以重复点击，导致接口重新请求多次（如果后端不做限制）。轻则浪费服务器资源，重则业务逻辑错误，尤其是入库操作。 传

前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具库，相比与 lodash，更

本系列文章将介绍从零开始搭建一个高可复用的后台架构系统，让每一个人都能轻松搭出自己的后台。系统功能包含登录授权、路由鉴权与组件化，涉及react-router与react-redux的应用。系统最终实现的效果： 创建一个React App，目测有3到4种方法，这是官网文档的说明…

useEffect和useLayoutEffect，是两个工作方式很相似的React Hook。 但是它们不是完全一样的。通过阅读下面的内容，你将知道二者之间有何不同，以及每一种的适用场景。（大部分场景都适用于useEffect） 一句话总结：二者的不同在于执行时机。 useE…

集成React-Router、Antd、Redux-Toolkit和React-Query，并封装ESLint+Prettier+Husky的React项目脚手架，快来试试吧！

从零开始搭建React项目 创建项目 1. 使用npm install -g create-react-app命令全局安装react脚手架。 2. 通过脚手架npx create-react-app

个人理解转成大白话：Context提供了一个局部的全局作用域，使用Context则无需再手动的逐层传递props。 导入useContext钩子函数,该函数接收createContext()的返回值,返回的结果为该context的当前值,当前的 context 值由上层组件中距…

react diff 算法 diff算法的作用 计算出Virtual DOM中真正变化的部分，并只针对该部分进行原生DOM操作，而非重新渲染整个页面。 传统diff算法 React的diff算法 什么

React 16.8 于 2019.2 正式发布，这是一个能提升代码质量和开发效率的特性，笔者就抛砖引玉先列出一些实践点，希望得到大家进一步讨论。 然而需要理解的是，没有一个完美的最佳实践规范，对一个高效团队来说，稳定的规范比合理的规范更重要，因此这套方案只是最佳实践之一。 拥…