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

随着新年的开始,反思随之而来。回想一下我最后是如何制作 React 应用程序的,我可以看到很多变化。
我曾经在所有项目中使用redux,现在我只使用 react-hooks。我以前用 enzyme 这个库来测试,现在我用react-testing-library。我曾经在JS库中使用CSS,比如emotion和styled-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. 其他精彩文章
文末福利:
福利一:前端,Java,产品经理,微信小程序,Python 等资源合集大放送:
https://www.jianshu.com/u/0f0aea13fdf6
福利二:前后端编程实战全套详细视频教程

原文作者:随风
技术博客:https://www.jianshu.com/u/0f0aea13fdf6
90 后前端程序员,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。
文末福利:关注「求知编程技术」公众号 ,在微信后台回复「领取资源」,获取 IT 资源 200G 干货大全。公众号回复 “1”,拉你进程序员技术讨论群