概述 性能优化在社区是个热门的话题，但是随着设备性能和网络速度的提升，需要做性能优化的项目可能并不是很多，所以每次做优化都是技术实践和累积的好机会。 性能优化的方式有很多，本文将从实例出发带你了解性能

使用过 vue 的小伙伴都知道，如果想在 vue 中实现全局路由守卫，只需要在 beforeEach 中写路由守卫逻辑即可。 但是如果使用 react 的话，应该怎么做呢？ 在 react 中，

前些日子在做项目的时候，需要封装一个Toast组件。我想起之前用过的库，只要在入口文件中引入就可以在全局中使用，还是很方便的，借这次机会也来实现一下

useState和useContext深度解析 React Hooks 彻底改变了React组件的状态管理和功能复用方式，使得函数组件也能拥有类组件的功能。

useEffect是一个常用的 hook，正因为常用容易让开发者忽略了其中的使用细节，本文梳理了useEffect的使用细节和清除函数的使用场景。

最近在公司搬砖的过程中遇到了一个bug，页面加载的时候会闪现一下，找了很久才发现是useeffect的依赖项的问题，所以打算写篇文章总结一下，希望对看到文章的你也有所帮助。

作为前端小白中的一员，没接触过 React 高阶组件，首次看到这个名字时不明觉厉 😱，甚至有种“从入门到放弃”的想法。 然 🦢，通过深入学习后发现它实际上是一个概念十分简单，但却非常常用的东西。它的作用是能实现代码复用和逻辑抽象、对 state 和 props 进行抽象和操…

React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，…

1、使用useReducer useReducer可以提供一个类似于穷人版本的Redux功能，那么首先我们看看useReducer的基本用法： 参考上面的伪代码，我们可知useReducer的一个基本