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. 其他精彩文章

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章