大家知道在React和Vue中都存在高阶组件。尤其是在React应用更为普遍一些。其实高阶组件的定义来源于高阶函数。首先我们先看看什么是高阶函数。 高阶函数英文叫Higher-order function。对其他函数进行操作的函数，可以将它们作为参数或返回它们。 首先我们先写一…

Hooks 顾名思义，字面意义上来说就是 React 钩子的概念。通过一个 case 我们对 React Hooks 先有一个第一印象。 假设现在要实现一个计数器的组件。如果使用组件化的方式，我们需要做的事情相对更多一些，比如说声明 state，编写计数器的方法等，而且需要理解…

create-react-app作为facebook官方的react脚手架是相当好用的。主要设计原理是将配置好的如Webpack，Babel，ESLint，合并到react-scripts这npm包中，用户就可以开箱即用。很多开发者都在这基础上进行改造开发。注意react-sc…

因为项目里一个更换皮肤的功能，虽然antd官网给出了更改主题的方法，但那是静态的，没办法在线上更换，然后发现网上在这方面的资料也并不多，这个业务难道不是应该很普遍吗？然后我就花了一些时间去解决了这个问题，并将踩过的坑写出来，再给出解决方案。 这个工具是我在网上找到的。下面是这个…

0. 背景 随着构建体系不断完善、构建体验不断优化，webpack 已经逐渐成为了前端构建体系的一大霸主，对于工作中的真正意义上的前端工程项目，webpack 已经成为了我们前端构建技术选型的不二选择，包括 create-react-app 以及 vue-cli 等等业内常见的…

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

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章，主要讲解实际项目中如何使用hooks以及一些最佳实践，不会一步步再介绍一遍react hooks的由来和基本使用，…

在本文中，我将会向你展示在React中怎样用Hooks来获取数据通过使用state和effect hooks。我们将用众所周知的Hacker News API来获取科技界的热门文章。你也可以实现获取数据的自定义hook，在应用的任何位置复用，也可以作为独立的依赖包在npm上发布…

有一段时间，规范的答案是类提供了更多的功能（如状态）。有了 Hooks，就不再那么正确了。 也许你听说其中一个的性能更好。那是哪一个呢？许多基于此类的论证过程都存在缺陷，因此我会谨慎地从中得出结论。性能主要取决于代码做了什么，而不是您选择的是函数还是类。在我们的观察中，虽然优化…