推荐 12 个好用的 React 的开源项目,开发效率又能提升了!
Posted 前端GitHub
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了推荐 12 个好用的 React 的开源项目,开发效率又能提升了!相关的知识,希望对你有一定的参考价值。
大家好,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫又在线营业啦 ~
平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
![](https://img-blog.csdnimg.cn/img_convert/ea14e3b86f7901a6601480dd3648ec98.png)
1. react-use
![](https://img-blog.csdnimg.cn/img_convert/3be349ca3003667b41f179361ceafb7b.png)
必不可少的 React Hooks 集合. 移植 libreact。
https://github.com/streamich/react-use
2. gatsby
![](https://img-blog.csdnimg.cn/img_convert/7fd71e5a266fff6e9773721c99542258.png)
Gatsby是一个基于反应的自由和开源框架,帮助开发人员构建炽热的快速网站和应用程序。
它将动态呈现的网站的控制和可扩展性与静态站点生成的速度结合起来,创建了一个全新的可能性网络。
https://github.com/gatsbyjs/gatsby
3. preact
![](https://img-blog.csdnimg.cn/img_convert/47eb01541213f51c23a82f2f707517c5.png)
具有相同现代 API 的快速 3kB React 替代方案。组件和虚拟 DOM。
虚拟 DOM 组件的所有功能,没有开销:
熟悉的 React API 和模式:ES6 类,挂钩和功能组件
通过简单的简易/ Compat别名进行广泛的反应兼容性
您需要的一切:JSX,VDOM,DevTools,HMR,SSR。
从服务器端渲染的高度优化的差异算法和无缝水合
支持所有现代浏览器和 IE11
透明异步渲染与可插拔的调度程序
即时生产级应用程序设置与精简 CLI
https://github.com/preactjs/preact
4. formik
![](https://img-blog.csdnimg.cn/img_convert/2d9c2f01b6b8154ecf11b006a670fa7e.png)
Formik 是世界上最流行的 React 和 React Native 开源表单库。
https://github.com/jaredpalmer/formik
5. docusaurus
![](https://img-blog.csdnimg.cn/img_convert/c9926c8f34a330e348a58bd144424db3.png)
快速构建以内容为核心的最佳网站。
Markdown 驱动、使用 React 构建、翻译就绪。
https://github.com/facebook/docusaurus
6. awesome-react-components
![](https://img-blog.csdnimg.cn/img_convert/ffbde74e71382567a6231129c491c1a0.png)
React 组件和库的精选列表。
https://github.com/brillout/awesome-react-components
7. react-beautiful-dnd
![](https://img-blog.csdnimg.cn/img_convert/2efc1e8c739faa276533d0346d1fb956.png)
漂亮且易于使用的 React 列表拖放
https://github.com/atlassian/react-beautiful-dnd
8. react-hook-form
![](https://img-blog.csdnimg.cn/img_convert/c76ed687ea557fcc22df996e61d015d2.png)
用于表单状态管理和验证的 React Hooks (Web + React Native)
https://github.com/react-hook-form/react-hook-form
9. react-query
![](https://img-blog.csdnimg.cn/img_convert/368c47bb671e6fc99732ad44b580eab2.png)
在 React 中获取、缓存和更新异步数据的钩子
https://github.com/tannerlinsley/react-query
10. react-select
![](https://image.cha138.com/20220104/13101812c86249e38b273a58b945c0b6.jpg)
React.js 的 Select 组件
https://github.com/JedWatson/react-select
11. react-virtualized
![](https://image.cha138.com/20220104/d0cf2a85637643cdb4fd02113ee313f4.jpg)
React 组件可有效呈现大型列表和表格数据。
https://github.com/bvaughn/react-virtualized
12. slate
![](https://image.cha138.com/20220104/6d7fccc0d12b4a0b9414888cc8b6a0ce.jpg)
用于构建富文本编辑器的完全可定制的框架。
https://github.com/ianstormtaylor/slate
最后
平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
更多精彩项目,请看下方宝藏仓库,请慎入!
https://github.com/FrontEndGitHub/FrontEndGitHub
不知不觉,原创文章已经写到第 63 期了呢,几乎每一篇都是猫哥精心挑选的优质开源项目,推送的每一篇文章里面的项目几乎都是对前端开发很有帮助的。
原创不易,一篇优质的文章都是要肝几个晚上才能肝出来的,花费很多时间、精力去筛选和写推荐理由,大佬们看完文章后顺手点个赞或者转发吧,就当给猫哥一点鼓励吧。
往期精文
关注公众号:前端GitHub,回复 电子书 即可以获得下面 1000 本技术精华书籍哦,猫哥微信号:CB834301747 。
![](https://image.cha138.com/20220104/3ff84c2d2bc94056a3361afc8dbbca1e.jpg)
![](https://image.cha138.com/20220104/f94cd4449125406e923101ff2776a12e.jpg)
如果不想错过精彩内容,请多给本公众号点赞哦,这样就会先收到内容推荐的。
![](https://image.cha138.com/20220104/fa1ad743d92747e5923f3c51c4cdbad3.jpg)
以上是关于推荐 12 个好用的 React 的开源项目,开发效率又能提升了!的主要内容,如果未能解决你的问题,请参考以下文章
JS 加强篇!推荐 10 个好用的 TypeScript 的开源项目 YYDS !
JS 加强篇!推荐 10 个好用的 TypeScript 的开源项目 YYDS !
JS 加强篇!推荐 10 个好用的 TypeScript 的开源项目 YYDS !
视觉盛宴篇!推荐 12 个好用的 CSS 的开源项目,YYDS !