react有哪些插件

react外掛程式有：1、Redux，提供可預測化的狀態管理；2、MobX，透過函數響應式程式設計使得狀態管理變得簡單且可擴展；3、Redux Thunk，Redux的非同步處理中間件；4、Dva，一個基於redux和redux-saga的資料流方案；5、Ant design，React UI元件庫；6、react-icons，基於React的豐富的圖示庫；7、Viser，一個視覺化庫。

本教學操作環境：Windows7系統、react18版、Dell G3電腦。

為了提高大家開發 React 專案的效率，以下總結了一些React專案常用外掛程式。

1、狀態管理

• #Redux：JavaScript 狀態容器，提供可預測化的狀態管理

• MobX：透過函數響應式程式設計使得狀態管理變得簡單且可擴展

• #Redux Thunk：Redux的非同步處理中間件

• Redux Saga：Redux中間件,用於管理應用程式Side Effect(副作用，例如非同步獲取數據，訪問瀏覽器快取等)

• Dva：一個基於redux和redux-saga的資料流方案

#2、UI元件庫

• ##Ant design：基於Ant Design 設計體系的React UI 元件庫，主要用於研發企業級中後台產品

• Ant design mobile：基於Ant Design 設計體系的React UI 移動端元件庫

• MaterialUI：世界最受歡迎的基於質感設計的React UI庫

• React toolbox：一套使用CSS模組功能實作Google的Material Design規範的React元件

• React Virtualized：一個能渲染大型清單和表格的React解決方案

• Fabric UI：微軟開源的UX框架的集合，用於創建共享代碼，設計和交互行為的精美的跨平台應用程序

• React desktop：基於React的JavaScript庫，旨在將本機桌面體驗帶入網絡，其中包含許多macOS Sierra和Windows 10元件。 react-desktop與NW.js和Electron.js完美結合，但是可以在任何JavaScript驅動的專案中使用

• Zent：有讚PC 端WebUI 規範的React 實現，提供了一整套基礎的UI 元件以及一些常用的業務元件

• react-icons：基於React封裝的豐富的圖示庫

3、工具類別

• react-copy-to-clipboard：基於React的複製到剪切板元件

• qrcode.react：基於React的生成二維碼的元件

• nprogress：適用於YouTube，Medium等的頂部進度條元件

• #react-syntax-highlighter：基於React的程式碼高亮元件

• react-contextmenu：右鍵選單元件

• #emoji -mart：基於React的表情庫

• react-highlight-words：基於React的關鍵字高亮

4、資料視覺化

• AntV：包含G2、G6、F2、L7 以及一套完整的圖表使用和設計規格, 提供強大的資料視覺化需求

• G2Plot：基於G2封裝的開箱即用的視覺化元件庫

• recharts：使用React和D3建立的自訂的圖表庫

Viser：支援多種主流框架的視覺化庫

5、動畫/動效果

• Halogen：使用React的載入動畫集合

• react-move：漂亮的，資料驅動的React動畫,只需3.5kb（gzip）

• react-spring：一個基於彈簧物理學的動畫庫

• Ant Motion：提供了單項，組合動畫，以及整套動畫解決方案

scenejs：基於JavaScript和CSS時間軸的動畫庫react-text-loop：文字輪播動畫

6、拖曳/排序

• #react-beautiful-dnd：漂亮,可移植性清單拖曳程式庫

• react-dnd：可協助我們建立複雜的拖曳介面，同時保持元件的分離

  ######## #react-moveable：支援自由拖曳, 縮放, 參考線的靈活強大的拖曳程式庫############react-grid-layout：強大的網格拖曳排序縮放庫## ##########mixitup：強大的清單卡排序動畫庫##################7、圖片處理######################################################### #########react-image-crop：強大的圖片裁切庫#############react-sparklines：基於資料自動產生趨勢線######## #####dom-to-image：基於dom產生圖片的canvas庫#############react-img-editor：圖片編輯器###

8、編輯器相關

• #braft-editor：富文本編輯器

• powerNice：markdown/富文本編輯器

• #GGEditor：視覺化圖編輯器

• react-codemirror2：程式碼編輯器

• jsoneditor：json編輯器

• #h5-dooring：H5頁編輯器

#9、地圖相關

• google-map-react：Google地圖外掛

• react-amap：高德地圖外掛

• @uiw/react-baidu-map：百度地圖

10、腳手架

• Create React App：初學者必備React傻瓜式腳手架

• Next.js：建構服務端渲染的React腳手架

• umi：企業級前端應用框架

• webpack3_react：相容IE9 且提供完整的React全家桶解決方案

【相關推薦：Redis影片教學】

以上是react有哪些插件的詳細內容。更多資訊請關注PHP中文網其他相關文章！