当前位置:首页 > 技术分析 > 正文内容

想学习提升 React,必看的 8 个工具库源码

ruisui883周前 (04-08)技术分析10

Ahooks( star:13.8k )

一个阿里出品的 React Hooks 库


  • 文档地址:https://ahooks.js.org/zh-CN/
  • 代码仓库:https://github.com/alibaba/hooks

React-use( star:41.3k )

超火的 React Hooks 库


  • 代码仓库:https://github.com/streamich/react-use

React-Query( star:41.2k)

一个超火的 React 请求库

React Query通常被描述为 React 缺少的数据获取(data-fetching) 库,但是从更广泛的角度来看,它使 React 程序中的获取,缓存,同步和更新服务器状态变得轻而易举

  • 文档地址:https://cangsdarm.github.io/react-query-web-i18n/react/
  • 代码仓库:https://github.com/TanStack/query

Ant-Design( star:91.5k )

阿里出品,国内 React 组件库的 Top1,当之无愧!


  • 文档地址:https://ant-design.antgroup.com/index-cn
  • 代码仓库:https://github.com/ant-design/ant-design

Zustand( star:45.3k )

一个 React 的状态管理库,轻量级,核心源码只有几十行


  • 文档地址:https://docs.pmnd.rs/zustand/getting-started/introduction
  • 代码仓库:https://github.com/pmndrs/zustand

Material UI( star:92.9k )

全世界 star 数最多的 React 组件库!!!交互非常之好看


  • 文档地址:https://mui.com/material-ui/react-autocomplete/
  • https://github.com/mui/material-ui

React Flow( star:23.2k)

一个 React 流程图的库


  • 文档地址:https://reactflow.dev/
  • 代码仓库:https://github.com/xyflow/xyflow?tab=readme-ov-file

Excalidraw

一个超级无敌牛的 React 绘制平台,我平时写文章都是用这个平台来进行绘制图案


  • 文档地址:https://docs.excalidraw.com/
  • 代码仓库:https://github.com/excalidraw/excalidraw

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/3352.html

标签: react-query
分享给朋友:

“想学习提升 React,必看的 8 个工具库源码” 的相关文章

K8S NFS 共享存储

NFS 共享存储前面我们学习了 hostPath 与 Local PV 两种本地存储方式,但是平时我们的应用更多的是无状态服务,可能会同时发布在不同的节点上,这个时候本地存储就不适用了,往往就需要使用到共享存储了,比如最简单常用的网络共享存储 NFS,本节课我们就来介绍下如何在 Kubernetes...

佳能 EOS R8 深度评测

佳能 EOS R8 的定位是入门级全画幅无反光镜可换镜头相机。尽管在产品阵容中处于这一位置,R8 仍然是一个强大的相机,配备了先进的 R6 II 同款成像传感器、快速处理器和令人难以置信的自动对焦系统,体积小、重量轻、价格低。这款相机是发烧友、旅行者、家庭以及任何想要全画幅传感器相机的人的绝佳选择。...

vue中router常见的三种传参方式

目录:我们在使用vue开发的过程中使用router跳转的时候肯定会遇到传参的情况;一般情况就三种传参是最常见的;那我们就来看看都有那几种传参方式吧!第一种:{ path: '/mall:id', name: 'Mall', component:...

Vue真是太好了 壹万多字的Vue知识点 超详细!

1??、Vue和其他两大框架的区别Angular 学习成本太高React 代码可读性差Vue 学习成本较低 很容易上手VUE官方: https://cn.vuejs.org/v2/guide/comparison.html?2??、Vue是什么Vue是一套用于构建用户界面的渐进式框架 "前端...

Vue实战篇|使用路由管理用户权限(动态路由)

权限控制是后台管理系统比较常见的需求,如果我们需要对某些页面的添加权限控制的话,那我们可以在路由管理中的权限做一些校验,没有通过权限校验的给出相应的提示或者直接跳转到报错页面。跟着我一起来学vue实战篇路由管理权限吧!权限校验函数getCurrentAuthority()函数用于获取当前用户权限,一...

vue打开新窗口并且实现传参,有图有真相

我要实现的功能是打开一个新窗口用来展示新页面,而且需要传参数,并且参数不能显示在地址栏里面,而且当我刷新页面的时候,传过来的参数不能丢失,要一直存在,除非我手动关闭这个新窗口,即浏览器的标签页。通过面向百度编程,发现网上的根本达不到这个效果,而且还都是坑,明明实现不了,还若有其事的写出来,于是我在标...