5 个你会在 2021 年的 React 项目中用到的库

随着新年的开始,反思随之而来。回想一下我最后是如何制作 React 应用程序的,我可以看到很多变化。

我曾经在所有项目中使用 redux,现在我只使用 react-hooks。我以前用 enzyme 这个库来测试,现在我用react-testing-library。我曾经在 JS 库中使用 CSS,比如emotionstyled-components,现在我使用普通的 CSS 和 Tailwind。

我曾经使用 Gatsby来满足我的静态网站需求,现在我使用 NextJS。我曾经使用普通的 JavaScript 和 Prop Types,现在我使用 TypeScript。

因此,这些是我在 2021 年所有新的 React 项目中默认使用的库。我想知道明年这种情况是否会改变。

1. TypeScript

我是一个相对较新的打字稿世界的皈依者。但是我不得不承认,没有它我就不会开始一个项目。
TypeScript 使使用 React 变得更加容易,并且它使重构现有组件变得更加容易。
我甚至无法想象现在回到使用常规的 JS 和 prop 类型。

2. React Testing Library

这是你应该用来测试你的反应应用程序的库。如果你没有注意,测试库已经过度竞争,成为反应生态系统中最受欢迎的测试解决方案。

测试库的最大优点是它鼓励您像用户一样进行测试。它迫使您测试组件的表面,而不是它们的实现。

我重写了整个页面,重构了整个组件,而不必调整我的测试。这是 react-testing-library 的一个巨大优势。

3. NextJS

大约一年前,我会用 create-react-app 或 Gatsby 开始我的大部分辅助项目。但是现在,在我的绝大多数项目中,我都坚持使用 NextJS。

NextJS 及其对静态渲染的支持使 Gatsby 过时了,它对自定义构建配置的支持使我远离了 create-react-app。

我重写了整个页面,重构了整个组件,而不必调整我的测试。这是反应测试库的一个巨大优势。

4. A Form Library

我知道,这不是一个库。但是当涉及到使用表单时,我从来没有自己编写表单逻辑。我总是选择一个既定的解决方案,比如 Formik、React-Final-Form 或 React-Hook-Form。

5. cslx

cslx 是流行的类名库的一个小插件替代品。这使得有条件地将多个类名组合在一起变得容易。它使像 Tailwind 这样的实用程序类的工作变得容易。

6. 其他精彩文章