偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

做了N+1個企業(yè)項目之后, 我總結了這些React必備插件

開發(fā) 前端
為了提高大家開發(fā) React 項目的效率, 筆者結合自己的實際工作經(jīng)驗, 匯總如下React項目常用插件.

[[380025]]

 為了提高大家開發(fā) React 項目的效率, 筆者結合自己的實際工作經(jīng)驗, 匯總如下React項目常用插件.

1. 狀態(tài)管理


  • Redux JavaScript 狀態(tài)容器,提供可預測化的狀態(tài)管理
  • MobX 通過函數(shù)響應式編程使得狀態(tài)管理變得簡單和可擴展
  • Redux Thunk Redux的異步處理中間件
  • Redux Saga Redux中間件,用于管理應用程序 Side Effect(副作用,例如異步獲取數(shù)據(jù),訪問瀏覽器緩存等)
  • Dva 一個基于 redux 和 redux-saga 的數(shù)據(jù)流方案

2. UI組件庫


  • Ant design 基于 Ant Design 設計體系的 React UI 組件庫,主要用于研發(fā)企業(yè)級中后臺產(chǎn)品
  • Ant design mobile 基于 Ant Design 設計體系的 React UI 移動端組件庫
  • MaterialUI 世界最受歡迎的基于質感設計的React UI庫
  • React toolbox 一套使用CSS模塊功能實現(xiàn)Google的Material Design規(guī)范的React組件
  • React Virtualized 一個能渲染大型列表和表格的React解決方案
  • Fabric UI 微軟開源的UX框架的集合,用于創(chuàng)建共享代碼,設計和交互行為的精美的跨平臺應用程序
  • React desktop 基于React的JavaScript庫,旨在將本機桌面體驗帶入網(wǎng)絡,其中包含許多macOS Sierra和Windows 10組件。react-desktop與NW.js和Electron.js完美結合,但是可以在任何JavaScript驅動的項目中使用
  • Zent 有贊 PC 端 WebUI 規(guī)范的 React 實現(xiàn),提供了一整套基礎的 UI 組件以及一些常用的業(yè)務組件
  • 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. 數(shù)據(jù)可視化


  • AntV 包含 G2、G6、F2、L7 以及一套完整的圖表使用和設計規(guī)范, 提供強大的數(shù)據(jù)可視化需求
  • G2Plot 基于G2封裝的開箱即用的可視化組件庫
  • recharts 使用React和D3構建的自定義的圖表庫
  • Viser 支持多種主流框架的可視化庫

5. 動畫/動效果

圖片
  • Halogen 使用React的加載動畫集合
  • react-move 漂亮的,數(shù)據(jù)驅動的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 強大的網(wǎng)格拖拽排序縮放庫
  • mixitup 強大的列表卡片排序動畫庫

7. 圖像處理


  • react-image-crop 強大的圖片裁切庫
  • react-sparklines 基于數(shù)據(jù)自動生成趨勢線
  • 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 谷歌地圖插件
  • react-amap 高德地圖插件
  • @uiw/react-baidu-map 百度地圖

10. 腳手架


  • Create React App 初學者必備React傻瓜式腳手架
  • Next.js 構建服務端渲染的React腳手架
  • umi 企業(yè)級前端應用框架
  • webpack3_react 兼容IE9+且提供完整的React全家桶解決方案

 

責任編輯:姜華 來源: 趣談前端
相關推薦

2021-07-16 08:29:41

項目React必備插件

2022-12-03 17:14:03

裁員MQ集群

2020-03-09 08:00:00

技術管理套路

2020-04-28 14:50:30

短視頻運營實戰(zhàn)

2019-04-22 08:39:13

Leader開發(fā)規(guī)范開發(fā)流程

2020-11-16 07:26:25

賠償碼農

2021-05-17 09:31:58

爬蟲偽裝技巧

2023-06-13 18:27:29

數(shù)量Java定期測試

2023-06-21 08:24:46

2018-12-21 14:54:07

2010-08-23 09:50:20

Ruby on Rai

2018-11-30 08:38:24

裁員互聯(lián)網(wǎng)電商

2021-08-04 11:05:19

B端C端設計

2022-02-22 09:58:09

搜索設計交互互聯(lián)網(wǎng)

2018-09-17 11:38:58

智能化人工智能智慧

2009-02-26 08:42:31

聯(lián)想裁員賠償標準

2023-01-03 15:45:59

工具程序員開發(fā)

2021-04-27 10:02:40

股票數(shù)組代碼

2019-05-24 08:36:33

MySQL查詢SQL

2022-03-30 15:53:18

標簽頁用戶設計
點贊
收藏

51CTO技術棧公眾號