react 拖拽连接插件_一款精美的 react 后台管理系统
生活随笔
收集整理的這篇文章主要介紹了
react 拖拽连接插件_一款精美的 react 后台管理系统
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
眾里尋他千百度,驀然回首,那人卻在,燈火闌珊處。這么好的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)題。
- 上一篇: data spring 指定时区_Spr
- 下一篇: oracle的标准写法,oracle 表