一、组件基础 1. React 事件机制 React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，Reac

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

React 团队最近发布了 React 18 的 alpha 版本。这个版本主要是增强 React 应用程序的 并发渲染 能力，你可以在 React 18 中尝试体验以下几个新特性...

React 18 Alpha 以及来了，并没有像 React 17 没有更新很多新特性，V18 作为 React 的下一个大版本将关注点放在了并发模式上也就是谈论了很久的（Concurrent Mod

本篇文章讲述从零搭建React中后台项目框架模板，方便快速进行具体项目开发。包括Webpack5.0配置及打包优化、React全家桶使用（React + React-router + Axios + Mobx + Antd）、ESLint等项目开发规范等。 升级项目中全部依赖库…

近期抽时间对 React hooks 系统的学习了一下，发现真香，根本停不下来，分享一下用了将近一年的心得。 useState 返回值为一个数组，数组的第一个参数为我们需要使用的 state，第二个参数为一个 setFn。 不要在循环、条件或嵌套函数中调用 Hook。 所以总结…

说到 React 状态管理库，大家已经习惯了使用 Redux，所以在开始介绍 Recoil 之前，我们先来看个使用场景，对比下两个库的设计思想和实现方式。 左边为所有 Item 信息列表，并且可以增加新项。 中间画布展示所有 Item。Item 可以拖动，拖动时右边属性实时更新…

在过去的几个月里，React Hooks 在我们的项目中得到了充分利用。在实际使用过程中，我发现 React Hooks 除了带来简洁的代码外，也存在对其使用不当的情况。 在这篇文章中，我想总结我过去几个月来对 React Hooks 使用，分享我对它的看法以及我认为的最佳实践…