「来源: |React ID:react_native」
9月24日微语早读:得物 1000 多元球鞋炒到 69999 元
日常工作中,除了我们掌握的基本技能和各类优秀代码库之外,还需在自己的背包中增添一些常用的工具,以备不时之需,同时也可以提升工作效率。
本文将为大家带来 25个React 优秀的代码库,希望能对大家在工作上提供一定的帮助。
1. React Hot Toast
https://react-hot-toast.com/
最好用的消息提醒工具, 可以向React应用程序添加漂亮的消息通知。
![](https://pics5.baidu.com/feed/a2cc7cd98d1001e95345ff69bf4457e554e7972a.jpeg?token=53263669d3f01642e184fb11c95c9df9)
2. React Content Loader
https://skeletonreact.com/
SVG组件,可以轻松的创建占位符。
![](https://pics4.baidu.com/feed/0df431adcbef76095cab87e328978fc57dd99ef8.jpeg?token=0dcb4e95eb1c0540e0990fc69b6b0ed7)
3. React Filepond
https://pqina.nl/filepond/
支持多种格式的文件上传,支持图片压缩、异步或同步上传。
![](https://pics6.baidu.com/feed/314e251f95cad1c89dda84ba79744b00c83d5198.png?token=e878def0cae2c34f8fc9fe994b5c9b99)
4. React Notion X
https://github.com/NotionX/react-notion-x
快速准确的React渲染器。
![](https://pics5.baidu.com/feed/c8177f3e6709c93da0bd95c38b77d4d5d100540e.jpeg?token=bb0b4227e1c141e5b13386f1babd180d)
5. React Select
https://react-select.com/home
ReactJS的灵活美观的选择输入控件,支持多选、自动完成、异步和可创建。
![](https://pics5.baidu.com/feed/e850352ac65c1038bd78c0f9be5bbf1ab07e895e.jpeg?token=1f68c432f54e3a8ebc949b9cf8cc0681)
6. Sweet Alert
https://sweetalert.js.org/
成功消息、错误消息或信息消息的漂亮替代品
![](https://pics5.baidu.com/feed/960a304e251f95ca7c767344c25d533766095210.jpeg?token=d3ac9fdca58970d7ae1910d48b87ac3c)
7. React Query
https://react-query.tanstack.com/
React的性能和功能强大的数据同步。
![](https://pics1.baidu.com/feed/c8ea15ce36d3d539ca0396703ccdc559352ab01e.jpeg?token=acb001fb53afaa711b0816f6d3dd834a)
8. React Hook Form
https://react-hook-form.com/
代码更少,更高效
减少需要编写的代码量,并删除不必要的重新渲染是React Hook表单的一些主要目标。
![](https://pics6.baidu.com/feed/267f9e2f070828386fe99e16bed385084d08f19b.jpeg?token=6a23a5cc34d56c5cc5b41d05c5488003)
9. React Infinite Scroller
https://danbovey.uk/react-infinite-scroller/
无限加载内容组件。
![](https://pics7.baidu.com/feed/dc54564e9258d109d09a9345d612e0b66d814d9a.jpeg?token=cc8f15cfd9946cdf4216afa75e86a83e)
10. React Motion
https://github.com/chenglou/react-motion
动画组件,升级动画体验。
![](https://pics5.baidu.com/feed/b8389b504fc2d56278f2b4b6eb5bbce677c66c42.jpeg?token=d7db835f8dc7ebef8dc197f40f9f5661)
11. React DnD
https://react-dnd.github.io/react-dnd/about
React实用程序帮助您构建复杂的拖放界面,同时保持组件的解耦。
![](https://pics7.baidu.com/feed/562c11dfa9ec8a13d4652104f349bd86a1ecc0ae.jpeg?token=09d0d9050f61b23ee9a0903154c82f20)
12. React Desktop
http://reactdesktop.js.org/
一个JavaScript库,建立在Facebook的React库之上,旨在为web带来本地桌面体验,具有许多macOS Sierra和Windows 10组件。
![](https://pics3.baidu.com/feed/cf1b9d16fdfaaf5134eb23118a1eb8e7f11f7ae3.jpeg?token=d658bf2c2666b29b07b54e0720c54d13)
13. Splitbee
https://splitbee.io/
使用Splitbee跟踪并优化您的在线业务。您友好的分析和转换平台。
![](https://pics1.baidu.com/feed/0ff41bd5ad6eddc4453311ef3e919af4536633a4.jpeg?token=1750c9ae14548415f0e9b4542f207210)
14. React Window
https://github.com/bvaughn/react-window
React组件用于高效地呈现大型列表和表格数据。
![](https://pics1.baidu.com/feed/8d5494eef01f3a29e0fc79f29d6f90385c607cad.jpeg?token=cf75c9037cbe2af5028a600fe89abf07)
15. stripe Elements
https://stripe.com/en-in/payments/elements
Stripe元素是丰富的预构建UI组件,可帮助您在桌面和移动设备上创建自己的像素级完美结账流程。
![](https://pics7.baidu.com/feed/f2deb48f8c5494eeab0c3d5d2bbfccf799257e1e.jpeg?token=a88bfb488b055c581735e12a58dd4e32)
16. Chakra UI
https://chakra-ui.com/
一个简单、模块化和可访问的组件库,为您提供构建React应用程序所需的构建块。
![](https://pics6.baidu.com/feed/6d81800a19d8bc3ed4f526bc85c18a17a9d3459d.jpeg?token=e47bbbb085916191d1d347507ecaeb8a)
17. Draft JS
https://draftjs.org/
React的富文本编辑器框架。
js无缝地融入React应用程序,通过熟悉的声明性API抽象出呈现、选择和输入行为的细节。
![](https://pics5.baidu.com/feed/f9dcd100baa1cd1153163384bd58e4f5c2ce2d40.jpeg?token=37ca53c5d6968a9ca42cb5eefe6db22e)
18. Chart JS
https://github.com/reactchartjs/react-chartjs-2
用Chartjs在几分钟内制作出漂亮的图表,仪表盘将看起来前所未有的性感。
![](https://pics0.baidu.com/feed/9213b07eca80653866465d5691978d4dac34829e.jpeg?token=ec789f64e2e32772202b64e01d2bcaf2)
19. React Slick
https://react-slick.neostack.com/
幻灯片展示工具。
![](https://pics2.baidu.com/feed/730e0cf3d7ca7bcbe944dc10bb43476af624a8a1.jpeg?token=1186be6308832ab6c182a6460fc07ccb)
20. React Auto Suggest
http://react-autosuggest.js.org/
WAI-ARIA兼容的autosuggest组件内置React
![](https://pics6.baidu.com/feed/023b5bb5c9ea15ce08263f83b24a16fa3887b2c7.jpeg?token=c202f8c81b18e010240a7ce8a66e1dac)
21. React Burger Menu
https://negomi.github.io/react-burger-menu/
非画布侧边栏React组件,包含使用CSS转换和SVG路径动画的效果和样式集合。
![](https://pics5.baidu.com/feed/b999a9014c086e06c2e6057b074257fd0ad1cb03.jpeg?token=015d5a90968812a34e2e2bee857b0106)
22. React Spinners
https://www.davidhu.io/react-spinners/
用于react的加载微调器组件的集合
![](https://pics5.baidu.com/feed/dc54564e9258d109257143a2d512e0b66d814de7.jpeg?token=8c0cc607876826148731c44a7c43968a)
23. React Bootstrap Datatable
https://react-bootstrap-table.github.io/react-bootstrap-table2/
下一代react引导表。数据表变得前所未有的简单。
![](https://pics0.baidu.com/feed/f703738da9773912f68722bffd53aa11377ae21a.jpeg?token=71316515b691ee3c2ab87ac90175fc80)
24. Styled Components
https://styled-components.com/
样式化组件是我们想知道如何增强CSS来为React组件系统设置样式的结果。
![](https://pics0.baidu.com/feed/e61190ef76c6a7ef65423453f1b08358f3de6636.jpeg?token=fe38a0a92b5e4d6c5103490e06687636)
25. Semantic UI
https://semantic-ui.com/
Semantic是一个开发框架,它使用人性化HTML帮助创建美观、响应迅速的布局。
![](https://pics2.baidu.com/feed/562c11dfa9ec8a131a6a1c3bf049bd86a1ecc048.jpeg?token=5e51169b653abd25c74ae31c41f542ae)
以上25个React精选库,如果您认为对您有帮助,请记得 点赞、留言、分享和收藏哦~~