10个最值得收藏的JavaScript库
转载自Duing(ID:duyi-duing)
图片源自网络,仅做配文展示
有一位reddit网友是这样描述的,小渡很喜欢这种说法:
“immutableJS确保了大型团队的开发者不会做一些愚蠢的事情。”
简而言之:Immutable.js,Facebook的另一个项目,确保了状态不会因为使用不可变对象而发生突变。
正如网友指出那样,这对于大型团队的开发者会极其有用,因为这些人经常会无意识地搞乱了状态。
“封装在Immutable.JS对象里面的数据是永远也不会变的。它总会返回一份新的拷贝。这跟JavaScript形成了羡慕对比,后者的一些操作不会改变你的数据(比方说一些数据方法,包括map、filter、concat、forEach等),但有的就会(Array的pop、push、splice等)。”
使用Immutable.JS有相当大的限制,但视你的需求不同,那些限制未必有关系。在GitHub上拿到了20000多颗星的Immutable.js已经开始崛起,预计还会继续延续,因为开发者正在花时间理解其中的概念和权衡。
Redux 是一直很火的Dan Abramov/Andrew Clark 项目,后来有迅速成为React状态管理和数据抓取的首选解决方案。
但GraphQL改变了现状,主要是在数据抓取方面。
我们现在有了Relay Modern (Facebook开发)和Apollo,让你可以比Redux更高效地抓取并传递GraphQL数据到React应用的GraphQL客户端框架。
但就像一位开发者指出那样:这些框架和它们的好处未必需要是互斥的。实际上,这几个一起使用可以提供很好的关注分离,这是web开发来说可太重要了。
小渡认为 Leaflet 是将适合移动设备的交互式库,它的地图添加到你的应用程序中会是一个比较酷的选择。
它的文件很小,只有39kB,使其成为考虑其他地图库的绝佳替代方案。凭借跨平台的效率和文档齐全的 API,它拥有让你坠入爱河所需的一切。
图片源自网络,仅做配文展示
在 Leaflet 中,我们需要提供一个 tile 层,因为默认情况下没有。但这也意味着我们可以从各种免费和高级层中进行选择。
图片源自网络,仅做配文展示
图片源自网络,仅做配文展示
作为开发人员,拥有一个好的开发组合很重要。人们对你的组合的第一印象有助于决定他们是否会雇用你。还有什么比这个库更好的工具可以为你的投资组合带来活力。它不仅可以增强你的网站,还有助于展示实际技能。
Hammer.js 是一个轻量级的 JavaScript 库,可让你向 Web 应用程序添加多点触控手势。小渡会推荐这个库来为你的组件添加一些乐趣。你会觉得它非常有趣。
它可以识别由触摸、鼠标和pointerEvents 做出的手势。对于 jQuery 用户,小渡建议使用 jQuery 插件。
很多大神最近使用 D3 通过 React 和 GitHub 上的约翰霍普金斯 CSSE 数据存储库来可视化 COVID-19 数据。这是一个非常有趣的项目,如果你正在考虑做类似的事情,我建议您尝试一下 D3.js。
花时间配置 popper 元素似乎并不重要,但这些小事情会使你作为开发人员脱颖而出。它体积小,不占地方。
功能强大且易于使用~
可以看到,以上分享的库,有的库高达几百 K star,有的库在小 1 K star 徘徊,但也丝毫不影响它们被列在一起。反而,这些体量小的库,能针对解决某一项问题,核心原理奇妙,官网也做得特别精美。
作为开发人员,了解和学会使用正确的 JavaScript 库很重要。它将使你的工作效率更高,并使开发变得更加容易和快捷。最后,你可以根据自己的需要选择哪个库。
还是那句老话:工具选的好,下班下的早;开发工作分两类:写轮子的为一类,用轮子的为一类;写轮子也是从用轮子做起的,因为找不到更适用的轮子,才想自己写一个,分享给大家用;开源万岁!
😊 好了, 以上就是我的分享,小伙伴们点个赞再走吧 👍 支持一下哦~ 😘,