19｜第三方工具库：最常用的第三方工具库有哪些？
王沛
你好，我是王沛。今天我们来聊聊在 React 开发过程中有哪些常用的第三方工具库。
如今的软件开发已经离不开开源社区提供的各类工具库了，合理的使用它们，不仅可以帮助节省重复的开发时间。而且通常来说，流行的开源库具有更充分的测试和更高的质量。因此，在 React 的开发过程中，知道 React 生态圈有哪些常用的工具库，了解它们能解决什么问题，是非常有必要的，我们要学会站在前人的肩膀上去成就自己嘛。
那么今天这节课，我会和你分享我自己最常用的四个工具库，分别是 lodash、Material UI、Ant.Design 和 react-use。我会通过一些例子来演示它们的部分功能和用法，让你对它们有一个总体的了解。
lodash
首先想和你分享的就是 lodash。在我看来，它是每一个前端开发者都应该熟练掌握的。
lodash 提供了非常多的工具函数，就像一把强大的瑞士军刀，能够满足各种前端开发需求，从而可以大大提高开发的效率。而且，lodash 不仅能用在浏览器端，也可以用在 NodeJS 的开发中。所以说，掌握了 lodash ，也能提升 NodeJS 的开发效率。
下面我会通过三个短小的例子，来让你体会 lodash 带来的方便，这样我就不用给你解释什么叫惊喜了。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
本文介绍了在React开发过程中常用的四个第三方工具库，分别是lodash、Material UI、Ant.Design和react-use。其中，lodash提供了丰富的工具函数，如keyBy用于快速将数组转换成对象、debounce用于实现输入防抖、template用于实现简单的模板引擎。Material UI基于Google的Material Design，提供了灵活的主题定制功能，适用于对个性化主题有需求的应用。Ant.Design主打企业级应用场景，风格以极简为主，组件库更丰富、功能更强大。react-use是一个提供了各种的工具Hooks，方便了React的开发。文章通过具体的代码示例和功能介绍，让读者对这些工具库有了初步的了解，为React开发提供了实用的参考。文章还分享了一些开源项目选择的几个考虑因素，以及对读者提出了思考题，鼓励读者分享自己使用的工具库和感受。
仅可试看部分内容，如需阅读全部内容，请付费购买文章所属专栏
《React Hooks 核心原理与实战》，新⼈⾸单¥59
《React Hooks 核心原理与实战》，新⼈⾸单¥59
立即购买
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
全部留言(14)
- 最新
- 精选
Jerryz置顶我来一个：classnames 用于拼接 class 的各种场景，用起来就是各种爽。2021-07-0820
请叫我潜水员axios没人提？作者回复: 可能用的太普遍了~
2021-08-122- 请叫我潜水员lodash很少用了，主要是Array支持map、filter之后，lodash的一些功能原生实现起来也很优雅，没必要引入lodash。
作者回复: lodash 已经模块化，只有其中的某些方法不会增加太大体积，还是有一些方法是不可替代的。
2021-08-122 
盖世英雄fecha处理时间日期作者回复: 类似的还有个 date-fns 。
2021-07-13
༺程༻react-use同类库，阿里的 ahooks2021-07-099
🐎老师，可以讲一下react-query、swr这种库吗？可以完全替代redux吗2021-07-0836
giteebravo
这几个工具平常开发也在使用，怒赞👍🏻2021-07-083- Geek_e153bf我看material ui x 也是面向enterprise 的，table 和tree 功能也日渐完善了2023-10-08归属地：美国
Ran老师有个问题想问下，我在组建或者自定义hooks里使用了 use-cookie， 以便在用户点击退出之后清除浏览器里的某个cookie，但是实际上并没有生效，请问这个cookie的client管理有没有什么明确的限制和成功回调呢2022-08-22归属地：上海
MarkTang快结束了，有点意犹未尽2022-02-20
收起评论