10 个 React 实用技巧

大家好，开发者社区！👋

今天我将分享一些 React 技巧，分享给大家。这些技巧将以我发布的一些推文的形式发布。

如果您喜欢这篇文章，请留下🧡和🦄。

10 个很棒的 React 技巧⚛️

1. 使用createapp.dev以方便的方式创建 Webpack 配置

2. 学习使用Axe自动检查可访问性

3. 使用Parcel进行零配置构建，即使使用 Typescript

4. React 测试库调试功能

5. 如何在 React 中处理错误

React 核心团队成员创建了一个很酷的包，用于处理错误边界。你可以在这里
查看。

6. 使用函数组件和 Hooks ✔️

除了这只是一种趋势之外，还有很多原因。如果你使用函数组件，那么找到公开 hooks API 的库的可能性就更大。

将来可能很多库只会公开hooks API。你将无法在类组件中使用 hooks API。

7. 使用 React Context API 实现共享/全局状态

简而言之 - 考虑到在 React 中我们有Context API ，我发现 Redux 或其他状态管理库的用例越来越少。

使用 Context API，您可以使用与常规useState或useReducerhooks 相同的范例。这降低了新 React 开发人员的学习难度，因为他们无需学习 Redux 或其他状态管理库。

8. React 测试库中 getBy* 与 queryBy* 的区别

9. 学习正确使用 React 测试库

这样做可以大大增强您编写测试和生产代码的信心。

10. 在 React 组件中正确处理异步等待

学习如何在 React 中正确处理异步代码非常困难，而且很容易导致 bug 泛滥。我在我的另一篇开发文章中，以通俗易懂的方式解释了所有概念以及如何处理异步代码：

如果您像我一样，一直在寻找更好的方法来改善您的React、Javascript 和 Typescript 体验，请考虑在Twitter上关注我，我会在那里发布更多精彩内容。

👇 在下面评论 👇

请让我知道这对您是否有价值，并分享一些您最近学到的有关 React 的有趣的东西。