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

本文將為大家?guī)鞷eact的25個(gè)優(yōu)秀代碼庫，希望能為大家的工作提供一些幫助。

1. React Hot Toast

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

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

2. React Content Loader

https://skeletonreact.com/

用于輕松創(chuàng)建占位符的 SVG 組件。

3. React Filepond

https://pqina.nl/filepond/

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

4. React Notion X

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

快速準(zhǔn)確的 React 渲染器。

5. React Select

https://react-select.com/home

一個(gè)靈活漂亮的 ReactJS 選擇輸入控件，支持多選、自動(dòng)完成、異步和可構(gòu)建。

6. Sweet Alert

https://sweetalert.js.org/

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

7. React Query

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

React 的性能和強(qiáng)大的數(shù)據(jù)同步。

8. React Hook Form

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

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

9. React Infinite Scroller

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

無限加載內(nèi)容組件。

10. React Motion

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

動(dòng)畫組件升級(jí)動(dòng)畫體驗(yàn)。

11. React DnD

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

React 實(shí)用程序可幫助您構(gòu)建復(fù)雜的拖放界面，同時(shí)保持組件解耦。

12. React Desktop

http://reactdesktop.js.org/

一個(gè) JavaScript 庫，建立在 Facebook 的 React 庫之上，旨在為網(wǎng)絡(luò)帶來原生桌面體驗(yàn)，具有許多 macOS Sierra 和 Windows 10 組件。

13. Splitbee

https://splitbee.io/

使用 Splitbee 跟蹤和優(yōu)化您的在線狀態(tài)。

14. React Window

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

React 組件用于高效呈現(xiàn)大型列表和表格數(shù)據(jù)。

15. stripe Elements

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

Stripe 元素是一組豐富的預(yù)構(gòu)建 UI 組件，可幫助您在桌面和移動(dòng)設(shè)備上創(chuàng)建自己的像素級(jí)完美結(jié)賬流程。

16. Chakra UI

https://chakra-ui.com/

一個(gè)簡單、模塊化且可訪問的組件庫，為您提供構(gòu)建 React 應(yīng)用程序所需的構(gòu)建塊。

17. Draft JS

https://draftjs.org/

React 的富文本編輯器框架。

js 無縫融入 React 應(yīng)用程序，通過熟悉的聲明式 API 抽象渲染、選擇和輸入行為的細(xì)節(jié)。

18. Chart JS

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

使用 Chartjs 在幾分鐘內(nèi)創(chuàng)建漂亮的圖表，儀表板看起來比以往任何時(shí)候都更加優(yōu)雅。

19. React Slick

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

一個(gè)幻燈片工具。

20. React Auto Suggest

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

內(nèi)置于 React 中的符合 WAI-ARIA 的自動(dòng)建議組件。

21. React Burger Menu

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

一個(gè) off-canvas 側(cè)邊欄 React 組件，帶有一系列效果和樣式，使用 CSS 過渡和 SVG 路徑進(jìn)行動(dòng)畫處理。

22. React Spinners

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

用于反應(yīng)的加載微調(diào)器組件的集合。

23. React Bootstrap Datatable

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

下一代 React Bootstrap Sheets，數(shù)據(jù)表從未如此簡單。

24. Styled Components

https://styled-components.com/

Styled Components 是我們想知道如何增強(qiáng) CSS 以設(shè)置 React 組件系統(tǒng)樣式的結(jié)果。

25. Semantic UI

https://semantic-ui.com/

Semantic 是一種開發(fā)框架，可幫助使用人性化的 HTML 創(chuàng)建漂亮的響應(yīng)式布局。

寫在最后

以上就是我今天這篇文章內(nèi)容里想與您分享的25款React代碼工具，希望這些工具能夠?qū)δ杏谩?/p>