龙空技术网

React的桌面元素UI组件(win10+MacOS)——React-desktops

爱分享Coder 2335

前言:

如今各位老铁们对“react用什么ui”大体比较注重,大家都需要剖析一些“react用什么ui”的相关知识。那么小编同时在网摘上搜集了一些对于“react用什么ui””的相关内容,希望姐妹们能喜欢,朋友们一起来学习一下吧!

介绍

web桌面操作系统前端UI,用了丰富的mac和win10桌面元素,包括桌面图标、窗口化子页面管理、开始菜单等组件,兼容主流现代浏览器。 适合快速开发后台管理系统的前端界面、整合企业诸多应用、通过B/S架构集成系统、可作为企业级应用管理平台。




开源地址

项目介绍

react-desktops是基于react-desktop基础上,封装桌面操作系统前端UI,用了丰富的mac和win10桌面元素,包括桌面图标、窗口化子页面管理、开始菜单等组件,兼容主流现代浏览器。 适合快速开发后台管理系统的前端界面、整合企业诸多应用、通过B/S架构集成系统、可作为企业级应用管理平台。

技术栈:

reactwebpackreact-desktopfusion-designreduxreact-router

安装部署运行:

// 下载源码git clone  安装运行环境npm install// 为了方便调试redux在chrome浏览器中安装Redux DevTools(在谷歌应用商店下载redux-devtools)// 项目运行npm run start// 项目打包(注:用于生产环境时请关闭Redux DevTools配置分别位于'/src/mac/store/index.js'和'/src/windows/store/index.js'中)npm run build
截图预览





总结

这样的一套UI需要多折腾折腾,感兴趣的小伙伴可以看看!

标签: #react用什么ui