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

科技   2024-10-10 08:40   广东  

前言

大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~

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

结语

我是林三心,感谢您的阅读~关注公众号,拉你进前端学习群哦~


前端之神
一位前端小菜鸡,写过400多篇原创文章,全网有6w+个前端朋友,梦想是成为”前端之神“~
 最新文章