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

在小公司待了三年多，前端团队很小很小，没有前端大佬坐镇，完全处于自我摸索的状态。两年前开始独立负责前端项目，热衷于自己手搭项目。对于那个时候的我来说，一切都处于朦胧的状态，虽然有心想要把项目设计的更好，但是没有什么好的方向/思路（就比如刚开始写项目，调用后端接口都是分散在每个模…

解决了的问题是：当我们一个函数组件想要有自己维护的state的时候，不得已只能转换成class。这样很麻烦！ 😄1. 重点： useState的初始值，只在第一次有效 我当时反正没有当回事，直到遇到了坑... 🌰2. 举个例子： 😄 1. 就是相当于全局作用域，一处被修改…

所以你可能会发现，当高阶组件中返回的组件是 无状态组件（Stateless Component） 时，该高阶组件其实就是一个 高阶函数，因为 无状态组件 本身就是一个纯函数。 React 中的高阶组件主要有两种形式：属性代理 和 反向继承。 可以发现，属性代理其实就是 一个函数…

react-redux主要提供的功能是将redux和react链接起来。 使用提供的connect方法可以使得任意一个react组件获取到全局的store。 实现方法是将store存放于由provider提供的context上，在调用connect时， 就可将组件的props替…

1. 前言 在前端圈子有这样一种说法，Vue 入门最简单，React 学习曲线太陡，Angular...我还是选择狗带吧。 在 React 诞生之初，Facebook 宣传这是一个用于前端开发的界面库，仅仅是一个 View 层。前面我们也介绍过 React 的组件通信，在大型应…

在React Conf 2018宣布React Hooks后，我第一时间开始尝试使用React Hooks，现在新项目基本不写Class组件了。对我来说，它确实让我的开发效率提高了很多，改变了已有的组件开发思维和模式. 我在React组件设计实践总结04 - 组件的思维中已经总…

useState是react自带的一个hook函数，它的作用就是用来声明状态变量。 第[1]项是可以改变状态值的方法函数。 使用useEffect，可以直接在函数组件内处理生命周期事件。 如果你熟悉 React class 的生命周期函数， Redux 的核心概念是，组件发出 …

现在有很多优秀的拖拽布局工具，表单设计器，layui拖拽布局, Vue-Layout。 我们最近也实现了类似的功能，废话不多说，先把预览贴出来（不知道为什么掘金现在图片不支持gif了，还要自己上传到图床）。 在实现这个的功能的过程中，也走了一点弯路，我们内部1.0版本的时候，使…