全文共1421字，预计学习时长5分钟

图片来源 chuttersnap 网站 Unsplash

不论你是专业的React开发者，还是刚刚接触这方面的新手
，你肯定想让开发过程尽可能简单。但想要跟上整个React生态系统的最新趋势却很不容易，相关的各种组件都在迅速更新换代，所以你很可能会错过一些可供选择的React工具库
。

正因如此
，我们要谈谈每个开发者最应该知道的7个React工具库
。

1. Lodash

Lodash通过降低 array
、number、objects、strings的使用难度从而让JavaScript编程变得更简单
。Lodash是个非常受欢迎的工具库
，在Github上获得超4万星的点赞
。根据官网的介绍，Lodash是一个现代的JavaScript实用工具库
，具有模块化，高效能等特性
，并且具备很多附加功能。

尽管Lodash不是专门的React工具库
，但它是我个人最喜欢的工具库之一
，因为它非常简洁明了
。强烈推荐你们去试试Lodash。

2. React Bootstrap

ReactBootstrap的名字本身就展现了该工具库的特点
：用Bootstrap的组件在React中进行开发。Bootstrap是一个开源工具箱，可以运用于HTML, CSS, 和JS编程。Bootstrap也是世界上最流行的前端组件工具库。

ReactBootstrap最棒的一点是它取代了原有的BootstrapJavaScript库。该工具库中的所有组件都是重新开发的，并且都是真正的React组件

，不像jQuery那样有一些不必要的附属物。

作为最早的React工具库之一
，React Bootstrap也随着React的发展而不断改进
。对于UI框架来说，ReactBootstrap工具库绝对是非常不错的选择
。

3. React-i18next

如果你需要开发一个多语言的应用，那么一定不能错过React-i18next工具库。React-i18next以i18next为基础，为React提供了强大的国际化框架。如果你想将自己的产品从网页端上传到手机端和桌面端，React-i18next能为你提供完整的解决方案
。

i18next工具库也具备翻译功能，如复数形式处理，自定义格式化操作
，内嵌的变量格式化操作等功能。此外，该工具库也适用于服务端渲染
。

4. React DnD

ReactDnD（两个D分别代表拖和放）能帮助你打造复杂的拖放界面
，同时又能帮你将组件分开。不像其他拖放工具库，ReactDnD是在现代HTML5拖放API的基础上开发的。

该工具库致力于提供正确的拖放交互，营造良好的视觉效果
。

在过去
，该工具库有一个主要的缺点——不支持触屏
。如果你想使用触屏，那么得采用ReactDnD的触摸后端
，而不是HTML5的后端。

5. Material UI

还有谁没听说过谷歌的Material design语言？Material UI工具库中的组件就是为大名鼎鼎的Material design语言打造的。

MaterialUI工具库在GitHub上获得了超过5万星的点赞
，由此可见，MaterialUI绝对值得我向大家推荐
。它也是当下最流行的React UI包，而且已经面世很多年了。这款工具库使用起来非常简单
，其中的组件都很吸引人眼球，并且操作简便。

这款工具库中有太多组件
，就不在这里一一列举了，建议大家到MaterialUI上自行探索
。

6. React Spinners

别再向你的应用添加无聊没趣的spinner了。React spinners这款工具库中就有很多非常棒的spinner
。这些spinner的性能可以随时改变，让你能够根据自己的需求定制自己的spinner。

虽然这款小型工具库在GitHub上只获得了约1000星的点赞
，不过如果你能将其应用到你开发的应用中，使用者一定会获得极好的用户体验。

7. Enzyme

Enzyme是一款用于JavaScript测试的实用程序
，可以检测React组件的输出效果。Enzyme由Airbnb的技术团队开发
，2015年公开源代码
。Enzyme的API更加直观，灵活。有了这款工具库
，你可以更方便地断言，操控和遍历React组件的输出结果
。

Enzyme也可以和其他的测试工具一起使用
，比如Mocha,Jest, Karma

。

如果你才开始接触React组件的测试
，强烈建议你使用Enzyme。

留言点赞关注

我们一起分享AI学习与发展的干货

如转载
，请后台留言
，遵守转载规范