江苏龙网

  1. 主页 > 生活百科 > >

每个开发者都应该知道的7个React工具库

react


每个开发者都应该知道的7个React工具库

文章插图
图片来源 chuttersnap 网站 Unsplash
不论你是专业的React开发者 ， 还是刚刚接触这方面的新手 ， 你肯定想让开发过程尽可能简单 。但想要跟上整个React生态系统的最新趋势却很不容易 ， 相关的各种组件都在迅速更新换代 ， 所以你很可能会错过一些可供选择的React工具库 。
正因如此 ， 我们要谈谈每个开发者最应该知道的7个React工具库 。
1. Lodash
Lodash通过降低 array、number、objects、strings的使用难度从而让JAVAScript编程变得更简单 。Lodash是个非常受欢迎的工具库 ， 在Github上获得超4万星的点赞 。根据官网的介绍 ， Lodash是一个现代的JavaScript实用工具库 ， 具有模块化 ， 高效能等特性 ， 并且具备很多附加功能 。
尽管Lodash不是专门的React工具库 ， 但它是我个人最喜欢的工具库之一 ， 因为它非常简洁明了 。强烈推荐你们去试试Lodash 。
【每个开发者都应该知道的7个React工具库】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 。




    推荐阅读


    上一篇：梦见自己掉进深水里自己游了上来 梦见自己掉进水里沉入水底

    下一篇：上帝之城是哪里 上帝之城讲的是什么