在日常工作中,除了我們掌握的基本技能和各種優秀的代碼庫外,我們還需要在開發工具箱里加入一些常用的工具,以備不時之需,也能提高工作效率。
本文將為大家帶來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代碼工具,希望這些工具能夠對您有用。