最新原创electron41+react19.3桌面端os系统

xiaoyan_2018 xiaoyan_2018 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

经过一周纯手搓研发,最新自研新项目electron41.1+react19.3+zustand5+arcoDesign搭建桌面客户端os管理平台,正式完结了。 

项目技术框架 

  • 跨平台框架:Electron41.1.0
  • 前端技术框架:react^19.3.0+vite^8.3.0+react-router^7.18.4
  • 组件库:@arco-design/web-react^2.66.16 (字节前端vue3组件库)
  • 状态管理:zustand^5.0.15
  • 拖拽插件:sortablejs^1.15.7
  • 图表组件:echarts^6.1.0
  • 模拟数据:axios^1.20.0+mockjs^1.1.0
  • 打包构建:electron-builder^26.15.3 

 

项目框架目录 

项目功能性 

  1. 基于最新技术栈Electron41.1、Vite8.3、React19.3、Zustand5、ArcoDesign、Echarts
  2. electron+react封装多窗口管理
  3. 提供macOS+windows两种桌面风格
  4. 支持json格式配置桌面菜单+Dock菜单
  5. 自研可拖拽桌面栅格卡片布局
  6. 支持自定义桌面背景皮肤、采用高斯模糊毛玻璃效果
  7. 提供图表、表格、列表、表单、编辑器等常用页面模板 

 

 

 

 

...全文

相关推荐

marky:使用Electron和React构建的markdown编辑器

马可 Markdown编辑器 对于OS X,Windows和Linux 使用Electron和React + Redux构建 安装 Marky仍在开发中。 您可以从页面下载最新版本。 请不要二进制没有签名。 如果您需要对它们进行签名,则可以使用自己的证书轻松进行。 产品特点 实时预览 GitHub风味Markdown支持 在Markdown中搜索 语法高亮 表情符号支持 字数 可调整大小的面板 Finder集成(OS X) 使用的技术 路线图 请参阅未。 也可以随意提出功能并报告错误。 如何贡献 安装依赖项 $ npm install 运行应用 $ npm start 套餐应用 为OS X,

Charles Xiao

跨平台音乐管理系统选型实战:Electron、Tauri、Flutter深度对比

跨平台桌面应用开发已从‘能否实现’迈入‘精度适配’阶段。核心在于理解不同框架对系统级能力(如USB直连、ASIO低延迟、长路径文件操作、原生托盘交互)的支撑原理与工程代价。Electron依赖Chromium生态,适合快速交付但需精细裁剪;Tauri以Rust为底座,在性能与安全上优势显著,但需借助成熟插件降低Rust门槛;Flutter凭借Skia自绘引擎保障UI一致性,却在原生系统调用上依赖Platform Channel或Shell桥接。真实项目中,技术选型本质是匹配‘需求精度’与‘团队能力半径’——

weixin_33910460

desafio-conceitos-react:基于ReactJS的Desafio 01 Para Testar OS Conhecimentos adquiridos nomódulo

desafio-conceitos-react:基于ReactJS的Desafio 01 Para Testar OS Conhecimentos adquiridos nomódulo

晔晔匠

React Native for OS X.zip

React Native for OS X.zip,react native for macos是一个使用cocoa编写桌面应用程序的实验分支。

weixin_38743481

像Mac OS X底座一样可放大的React组件。-React开发

react-osx-dock React组件,可以像Mac OS X扩展坞一样放大。 在任何支持CSS网格和flexbox布局的Web浏览器中均可使用。 在此处查看演示。 安装使用NPM安装软件包:$ n react-osx-dock React组件,可以像Mac OS X扩展坞一样放大。 在任何支持CSS网格和flexbox布局的Web浏览器中均可使用。 在此处查看演示。 安装使用NPM安装软件包:$ npm install react-osx-dock用法示例:从“ react-osx-dock”导入Dock; {[“ a”,“ b”,“ c”,“ d”,“ e”]。map((item,index)=>( console.log(item)}>

陳二二
评论
收藏 已收藏
分享
返回顶部
xiaoyan_2018
HTML5 43,737 成员 5,572 内容