眾里尋他千百度，驀然回首，那人卻在，燈火闌珊處。這么好的react開(kāi)源項(xiàng)目，值得珍藏了！

項(xiàng)目依賴模塊

項(xiàng)目是用create-react-app創(chuàng)建的，依賴包如下：

• react(是一個(gè)用于構(gòu)建用戶界面的 JAVASCRIPT 庫(kù)；主要用于構(gòu)建UI，很多人認(rèn)為 React 是 MVC 中的 V(視圖))
• react-router(react路由，4.x的版本，如果還使用3.x的版本，請(qǐng)切換分支(ps:分支不再維護(hù)))
• redux(基礎(chǔ)用法，但是封裝了通用action和reducer，demo中主要用于權(quán)限控制(ps：目前可以用16.x的context api代替)，可以簡(jiǎn)單了解下)
• antd(螞蟻金服開(kāi)源的react ui組件框架)
• axios(http請(qǐng)求模塊，可用于前端任何場(chǎng)景，很強(qiáng)大)
• echarts-for-react(可視化圖表，別人基于react對(duì)echarts的封裝，足夠用了)
• recharts(另一個(gè)基于react封裝的圖表，個(gè)人覺(jué)得是沒(méi)有echarts好用)
• nprogress(頂部加載條，蠻好用)
• react-draft-wysiwyg(別人基于react的富文本封裝，如果找到其他更好的可以替換)
• react-draggable(拖拽模塊，找了個(gè)簡(jiǎn)單版的)
• screenfull(全屏插件)
• photoswipe(圖片彈層查看插件，不依賴jQuery，還是蠻好用)
• animate.css(css動(dòng)畫(huà)庫(kù))
• react-loadable(代碼拆分，按需加載，預(yù)加載，樣樣都行，具體見(jiàn)其文檔，推薦使用)

功能截圖

登錄頁(yè)面

首頁(yè)

富文本

圖表

源碼地址：https://github.com/hellowHuaairen/react-admin

分享是一種習(xí)慣，認(rèn)識(shí)你才是我真實(shí)的目的！我的公眾號(hào)：不安分的猿人

總結(jié)

以上是生活随笔為你收集整理的react 拖拽连接插件_一款精美的 react 后台管理系统的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。