1、场景描述 经常会遇到这类场景，一个设置页需要弹出一个编辑数据的弹窗。弹窗需要请求一些数据，且有如下要求： 1、请求数据可缓存：其数据多数是不变的，不需要每次打开弹窗都需要请求，需要缓存下来。 2、

Suspense 组件想必大家都用过，一般是和 React.lazy 结合用，用来加载一些异步组件。 比如这样一个组件： 就可以在另一个组件里用 lazy + Suspense 异步加载： 这里的 i

React Router V6项目中的路由鉴权封装实践（Hooks），路由组件的再封装可以帮助建立清晰的项目结构。不需要在每个页面或组件中重复的鉴权逻辑。助于保持一致性，并简化了对路由鉴权的维护与拓展

前两天分享了一篇自己的个人经历，没想到引来了那么多人共鸣，很多人留下了评论，大部分评论我都认真看了，并且也回复了，有的评论建议真的很棒，对我的帮助很大，很感谢。这次结合上篇评论给迷茫的兄弟一些建议。

内容来自How to useMemo and useCallback: you can remove most of them（中文版）阅读感悟与思考。 结论 useMemo（与useCallback

当前找工作环境恶劣，很多求职者表示招聘不仅要求会 vue，还要求会 react。 刚好这段时间我用 React18 + Vite + TS 为公司**从 0 到 1 开发**了一个项目，就顺便总结了

编写干净、易于阅读、易于维护和扩展的代码，那么你必须正确命名和放置文件夹，将组件拆分为自定义钩子、服务和展示组件，使用合适的名称，并使用HOC、render props、复合组件和reducer。

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

React 目前开发以函数组件为主，辅以 hooks 实现大部分的页面逻辑。目前数栈的 react 版本是 16.13.1，该版本是支持 hooks 的，故以下实践是 hooks 相关的最佳实践。