react面试题 react2024面试题 react、redux、Hooks 单向数据流 面试题之react汇总【55题】

在项目编写过程中，有可能会遇到有多个Layout的布局需求，例如在/app/demo01中需要有侧边栏，在/app/demo02中不需要侧边栏，或者不需要侧边栏需要头部，那么多布局该如何实现呢？

1. class 组件中 2. stateless（无状态组件）

我们平常收集错误，大部分人、公司都采用的Sentry来收集，当然也有好多公司也有自研的前端监控。趁着最近我们组刚好要接入Sentry，并且要根据自己的调研来做一次分享。所以就总结出了下面的内容。

Sentry 的 React SDK 支持自动报告错误和异常。SDK 是 @sentry/browser 的包装器，增加了与 React 相关的功能。 @sentry/browser 中可用的所有方法

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

在陈年的老项目中，通常用Redux、Mobx这样的全局状态管理方案无差别对待他们。 这类状态通常保存在组件内部。 当状态需要跨组件层级传递，通常使用Context API。 再大范围的状态会使用Redux这样的全局状态管理方案。 返回的数据通常作为状态保存在组件内部（如App组…

在使用 React Hooks 编写组件时，我们常需要手动维护来自服务器的处理状态。在日常开发中引起一些麻烦。 处理异步数据时，我们需要考虑很多事情，例如更新，缓存或重新获取。 使用 React-Query 能够更高效的帮你管理服务端的状态。 这是一个适用于 React Hoo…

这是对现有的项目基于create-react-app做的优化如果项目中使用了yarneject这种方式把配置暴露出来了，可以参考其他文章基于webpack做一些优化使用@craco/craco来重写w