在日常工作中，除了我們掌握的基本技能和各種優秀的代碼庫外，我們還需要在開發工具箱里加入一些常用的工具，以備不時之需，也能提高工作效率。

本文將為大家帶來React的25個優秀代碼庫，希望能為大家的工作提供一些幫助。

1. React Hot Toast

https://react-hot-toast.com/

最好的消息提醒工具，可以為 React 應用添加漂亮的消息通知。

2. React Content Loader

https://skeletonreact.com/

用于輕松創建占位符的 SVG 組件。

3. React Filepond

https://pqina.nl/filepond/

支持多種格式的文件上傳，支持圖片壓縮，異步或同步上傳。

4. React Notion X

https://github.com/NotionX/react-notion-x

快速準確的 React 渲染器。

5. React Select

https://react-select.com/home

一個靈活漂亮的 ReactJS 選擇輸入控件，支持多選、自動完成、異步和可構建。

6. Sweet Alert

https://sweetalert.js.org/

成功、錯誤或信息消息的漂亮替代品。

7. React Query

https://react-query.tanstack.com/

React 的性能和強大的數據同步。

8. React Hook Form

https://react-hook-form.com/

更少代碼，并刪除不必要的重新渲染是 React Hook 表單的一些主要目標。

9. React Infinite Scroller

https://danbovey.uk/react-infinite-scroller/

無限加載內容組件。

10. React Motion

https://github.com/chenglou/react-motion

動畫組件升級動畫體驗。

11. React DnD

https://react-dnd.github.io/react-dnd/about

React 實用程序可幫助您構建復雜的拖放界面，同時保持組件解耦。

12. React Desktop

http://reactdesktop.js.org/

一個 JavaScript 庫，建立在 Facebook 的 React 庫之上，旨在為網絡帶來原生桌面體驗，具有許多 macOS Sierra 和 Windows 10 組件。

13. Splitbee

https://splitbee.io/

使用 Splitbee 跟蹤和優化您的在線狀態。

14. React Window

https://github.com/bvaughn/react-window

React 組件用于高效呈現大型列表和表格數據。

15. stripe Elements

https://stripe.com/en-in/payments/elements

Stripe 元素是一組豐富的預構建 UI 組件，可幫助您在桌面和移動設備上創建自己的像素級完美結賬流程。

16. Chakra UI

https://chakra-ui.com/

一個簡單、模塊化且可訪問的組件庫，為您提供構建 React 應用程序所需的構建塊。

17. Draft JS

https://draftjs.org/

React 的富文本編輯器框架。

js 無縫融入 React 應用程序，通過熟悉的聲明式 API 抽象渲染、選擇和輸入行為的細節。

18. Chart JS

https://github.com/reactchartjs/react-chartjs-2

使用 Chartjs 在幾分鐘內創建漂亮的圖表，儀表板看起來比以往任何時候都更加優雅。

19. React Slick

https://react-slick.neostack.com/

一個幻燈片工具。

20. React Auto Suggest

http://react-autosuggest.js.org/

內置于 React 中的符合 WAI-ARIA 的自動建議組件。

21. React Burger Menu

https://negomi.github.io/react-burger-menu/

一個 off-canvas 側邊欄 React 組件，帶有一系列效果和樣式，使用 CSS 過渡和 SVG 路徑進行動畫處理。

22. React Spinners

https://www.davidhu.io/react-spinners/

用于反應的加載微調器組件的集合。

23. React Bootstrap Datatable

https://react-bootstrap-table.github.io/react-bootstrap-table2/

下一代 React Bootstrap Sheets，數據表從未如此簡單。

24. Styled Components

https://styled-components.com/

Styled Components 是我們想知道如何增強 CSS 以設置 React 組件系統樣式的結果。

25. Semantic UI

https://semantic-ui.com/

Semantic 是一種開發框架，可幫助使用人性化的 HTML 創建漂亮的響應式布局。

寫在最后

以上就是我今天這篇文章內容里想與您分享的25款React代碼工具，希望這些工具能夠對您有用。