本篇是React深入系列的最后一篇，将介绍开发React应用时，经常用到的模式，这些模式并非都有官方名称，所以有些模式的命名并不一定准确，请读者主要关注模式的内容。 1. 受控组件 React 组件的数据流是由state和props驱动的，但对于input、textarea、s…

vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的…

零、前言 React 官方将于 2024 年 5月15-16号正式发布 19 版本! 自从上一次React更新（v18.2版本）发布以来已经过去了超过600天，这段时间里React团队一直在进行哪些工

在 React 的发展历程中，JSX 运行时一直扮演着重要的角色。在以前的的版本，JSX 运行时会克隆传入的 props 对象，这背后有着两大原因。 历史原因 React 保留了一些特殊的 prop

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

useContext为我们解决多层嵌套传值的问题，本文主要讨论了useContext跨层级组件共享状态的知识和性能方面的注意项。

从v16.3.0开始如下三个生命周期钩子被标记为UNSAFE。 这三个钩子经常被错误使用，并且现在出现了更好的替代方案（这里指新增的getDerivedStateFromProps与getSnapshotBeforeUpdate）。 React从Legacy模式迁移到Concu…

useReducer作为 React 的一部分，尤其适合中小型应用或组件级状态管理。本文把useReducer的用法和注意项完整的讲解了一遍，帮助你完全掌握useReducer。

考虑到在开发中存在class和无状态两种组件书写方式，所以本文也会分别从这两种写法出发去寻找对应的解决方案。 思路：Antd的Form有个设置Form.Item值的方法：props.form.setFieldsValue({ key: value })，我们可以通过给自定义组件…