介绍当下React组件所拥有的优化方式，结合实践Demo，告别以往一贯的开发思维，祝你早日进阶React！

useLayoutEffect的用法和useEffect完全一样，那么本文就来谈谈这二者在使用场景上的区别，以及useLayoutEffect的使用注意事项。

特别喜欢红宝书的一句话“站在巨人的肩上”，起因是觉得react中的hooks语法，用了那么长时间，有的时候还是似懂非懂，所以才有了这一篇文章，学习一下前人封装hook的方法。

如果想在vite中批量导入某些文件，实现项目的模块化，vite提供的import.meta.globEager函数就很好用，比如用在路由模块化： 需求 不想把路由文件全部放在一个文件里面

前言 随着 React 项目的不断扩展，我们需要对项目进行优化，以提高性能和用户体验。其中，代码分割和动态加载是非常重要的优化手段。在 Vite 中，我们可以使用 React.lazy 和 impor

这篇文章为你答疑解惑，为大家介绍 useMemo 和 useCallback 这两个 Hook 的具体作用，它们的实现原理以及在实际开发中如何应用。

在日常 React 开发和面试中，我们经常面临一个普遍的问题：组件的不必要重新渲染。这不仅会影响应用性能，还可能导致不必要的资源浪费。在本文中，我们将通过一个简单的实例来演示在日常开发中可能遇到的问题

1.首先要了解什么是渲染 简单来说就是开发者不用考虑UI，只考虑修改状态，React会根据状态自动修改UI,渲染就是修改的过程。 2.React的不足 在每一次状态的修改(比如input框中的输入)，

useRouters 的使用 动态地配置路由 接收一个路由数组，用匹配到的路由来渲染相应的组件 在应用的生命周期中更改路由更容易 用Routes包裹Route组件(react-router v6强制要