美文网首页
5 个你会在 2021 年的 React 项目中用到的库

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

作者: 求知久久编程学院 | 来源:发表于2021-02-04 13:20 被阅读0次
image

随着新年的开始,反思随之而来。回想一下我最后是如何制作 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. 其他精彩文章

文末福利:

福利一:前端,Java,产品经理,微信小程序,Python 等资源合集大放送:
https://www.jianshu.com/u/0f0aea13fdf6

福利二:前后端编程实战全套详细视频教程

image.png

原文作者:随风
技术博客:https://www.jianshu.com/u/0f0aea13fdf6

90 后前端程序员,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

文末福利:关注「求知编程技术」公众号 ,在微信后台回复「领取资源」,获取 IT 资源 200G 干货大全。公众号回复 “1”,拉你进程序员技术讨论群

相关文章

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

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

  • ant design 实现联动省市区数据

    最近项目用到react,刚刚接触react ,有很多要学习的地方,当然了要先从 强大的ui库学起,因为项目中用到了...

  • React 入门语法

    React 的开发准备: React 开发用到的库有: react.js 是React 的核心库 react-do...

  • React生态圈

    介绍一些平时用到的仓库,做react项目事半功倍 好文链接 5 React Architecture Best P...

  • webpack 的基本理解

    前言 我们不管是 Vue 项目 或 React 项目 或 类库,都会用到 wepack 。可访问 官网[https...

  • cocoapods

    在iOS项目开发中,我们不可避免地要使用到第三方的开源库。可能项目需要的某个类库又要用到其他类库,所以你在下载类库...

  • Nuxt引用多个UI库的常规操作,举例Element + Cub

    在项目开发中,经常需要引用到一些UI库,恰好这次开发中,产品在h5设计上有要用到表格。而我们平时用到的cube-u...

  • react-native 发录音效果

    效果 库文件 使用到的库有react-native-audio,teaset两第三方库,react-native-...

  • react引入font字体

    在阿里巴巴矢量图标库中将自己喜欢的图标加入购物车,添加至项目 然后在react项目中在需要用到font字体的组件中...

  • React-Native 使用的一些第三方库

    项目中使用到的第三方库 极光推送:https://github.com/jpush/jpush-react-nat...

网友评论

      本文标题:5 个你会在 2021 年的 React 项目中用到的库

      本文链接:https://www.haomeiwen.com/subject/sldbtltx.html