如果你已经能用 React 写页面，但每次被问到「能不能做个桌面端」就不知道从哪下手，这门课值得花时间看一下。它不讲桌面开发的历史，也不铺前端基础，而是直接用一个完整的跨平台应用案例，把 Electron 的主进程、渲染进程、两者之间的通信，以及文件上传到云端这条链路走一遍。
它解决的是哪个具体场景
常见的需求是这样的：团队内部有个管理后台，用 React 写好了，但领导希望它变成一个能双击打开、能调系统菜单、能读写本地文件、能把生成的报表传到云存储的桌面程序。这时候纯 Web 方案就不够了——浏览器不给文件系统权限，也没有原生菜单栏。
Electron 正是补这一段的。课程围绕「做一个能用的桌面客户端」展开，涉及窗口创建、原生应用菜单、进程间通信、通过 remote 模块跨进程访问等具体问题。这些不是概念，而是你在真正打包一个桌面应用时一定会卡住的地方。尤其进程通信那块，很多自学的人第一次写会分不清主进程和渲染进程各自的职责边界，课程里有专门的章节拆开讲。
七牛云在这里扮演什么角色
桌面应用有个绕不开的问题：数据放本地，换台机器就没了；放服务器，又得自己搭后端。课程选择接入七牛云做云端存储与同步，把「应用产生的文件怎么上传、怎么在客户端里管理」这条链路补上。这部分对前端来说门槛不高，但要真正跑通，涉及密钥管理、上传流程、客户端与云端的配合，自己摸索容易在细节上耗时间。跟着案例走一遍，至少知道一个可用的方案长什么样。
学完你能独立做什么
- 用 Electron + React 搭出一个有原生窗口和菜单栏的桌面应用骨架，而不是只会跑官方 demo；
- 理清主进程与渲染进程的分工，能自己判断某段逻辑该写在哪一侧，并用 IPC 打通；
- 接入七牛云完成文件上传与云端存储，让应用的数据不局限在本地；
- 具备把这个模式迁移到自己项目上的能力——比如把一个已有的 React 后台改造成桌面客户端。
需要说明的是，课程的重心在「把功能做出来」，不是教你从零设计一个大型桌面软件架构。如果你期待的是工程化、自动更新、多平台打包签名的完整方案，这门课覆盖不到那么全，它更像是一次带着你跑通主流程的实战。
什么基础的人适合看
前提是 React 得会用——组件、状态、事件这些要熟，否则案例里的前端部分你会跟不上。Node.js 的基础概念最好也有一点，因为 Electron 的主进程本质上是 Node 环境。至于 Electron 和七牛云，可以零基础进来。
如果你完全没写过 React，建议先把前端框架补一补再来；反过来，如果你已经在做 Electron 项目，只是想找云端存储的接法，那可以直接跳到七牛云相关的章节，前面的进程通信部分当作查漏补缺。
整体判断：这是一门面向「想把 Web 技能延伸到桌面端」的实操课，主题明确、场景真实，适合作为你从网页走向桌面应用的第一块跳板。它不是那种能让你立刻精通 Electron 的课，但足以让你在面对「做个桌面版」这个需求时，不再没有头绪。
课程目录
Electron+React+七牛云实战跨平台桌面应用资料.png [493.5 KB] 9-7 添加原生应用菜单编码（一） (1129)_().mp4 [60.9 MB] 10-2 七牛云平台使用简介 (0442)_().mp4 [23.1 MB] 2-7 使用 remote 实现跨进程访问 (0518)__().mp4 [15.1 MB] 12-5 探究打包过程和生成文件内容 (0714)_().mp4 [41.9 MB] 1-1 学习本课程的收获以及案例展示（内附彩蛋） (1808)__().mp4 [55.4 MB] 2-5 进程间的通信 (0620)_().mp4 [59.8 MB] 3-5 useEffect 需要清除的 Effect (0927)_().mp4 [69.0 MB] 2-6 使用 IPC 进行通信 (0842)_().mp4 [45.0 MB] 9- 10 添加设置窗口编码（一） (1512)_().mp4 [78.9 MB] 9-2 导入文件对话框（二） (1831)_().mp4 [98.2 MB] 9-3 添加上下文菜单（一） (0909)_().mp4 [56.0 MB] 3- 10 Hook 规则和其他 Hook (0505)_().mp4 [47.9 MB] 3-4 useEffect 不需要清除的 Effect (0550)_().mp4 [51.0 MB] 2-3 主进程和渲染进程 (0704)_().mp4 [38.5 MB] 2-1 配置 Electron 开发环境 (0711)__().mp4 [31.9 MB] 7-6 添加新建文件流程逻辑 (1343)_().mp4 [68.6 MB] 12-3 添加配置文件 (0741)_().mp4 [40.2 MB] 11-5 自动同步单个文件至七牛云（一） (1015)_().mp4 [50.9 MB] 3-3 useState Hook (1122)_().mp4 [60.5 MB] 12- 10 自动更新第二部分 - 添加自动更新功能 (0727)_().mp4 [38.3 MB] 7-4 添加数据处理行为（一） (1433)_().mp4 [72.7 MB] 2-8 升级到 electron 7.0 以上的注意事项 (0514)_().mp4 [28.8 MB] 5-5 使用 PropTypes 进行类型检查 (0728)_().mp4 [48.5 MB] 8-7 添加持久化数据逻辑代码 (0650)_().mp4 [36.2 MB] 8-8 由一个 Bug 引发的思考 (0834)_().mp4 [45.1 MB] 6-4 选择 MarkDown 编辑器 (0613)_().mp4 [38.5 MB] 4-1 全局需求 (0809)_().mp4 [55.9 MB] react-hooks-master_().zip [143.6 KB] 11-6 自动同步单个文件至七牛云（二） (0956)_().mp4 [51.2 MB] 5-8 第一个自定义 Hook - useKeyPress (0854)_().mp4 [50.7 MB] 5-2 FileSearch 组件（一） (1553)_().mp4 [102.9 MB] 6-5 引入 easyMDE 编辑器 (0702)_().mp4 [34.9 MB] 9-9 设置窗口解决方案和流程分析 (0539)_().mp4 [30.7 MB] 9- 11 添加设置窗口编码（二） (1203)_().mp4 [64.8 MB] 9-8 添加原生应用菜单编码（二） (1037)_().mp4 [55.3 MB] 7-2 分析应用数据流 (0522)_().mp4 [30.6 MB] 6-3 TabList 组件代码（二） (1102)_().mp4 [59.2 MB] 3-9 自定义Hook（二） (1319)_().mp4 [70.1 MB] 9-4 添加上下文菜单第二部分 (1125)_().mp4 [60.6 MB] 3-1 React 简介和缘起 (0715)_().mp4 [38.3 MB] 4-5 文件结构和代码规范 (0754)_().mp4 [42.4 MB] 10-9 实现文件下载方法 (1403)_().mp4 [72.0 MB] 11- 10 完成全部文件同步到七牛云功能编码 (0956)_().mp4 [50.4 MB] 12-4 调试整个pack流程 (1031)_().mp4 [53.4 MB] 12-7 Electron 打包体积优化第一部分- 质的飞跃 (0521)_().mp4 [29.1 MB] 10-4 云文件操作类编码（一） (1222)_().mp4 [65.3 MB] 5-3 FileSearch 组件（二） (1159)_().mp4 [64.8 MB] 10-1 对象存储平台简介 (0532)_().mp4 [25.6 MB] 8-3 FS 模块使用 Promise 改造 (0924)_().mp4 [48.7 MB] 12-2 为生产环境 build 代码 (1022)_().mp4 [92.5 MB] 4-3 配置开发环境（一） (0814)_().mp4 [62.1 MB] 11- 11 使用流程图和伪代码解决剩下需求 (0853)_().mp4 [45.7 MB] 7-1 分析设计 State 结构 (0647)_().mp4 [34.7 MB] 12- 11 自动更新 第三部分 - 本地调试自动更新功能 (0638)_().mp4 [40.8 MB] 4-4 配置开发环境（二） (1048)_().mp4 [56.1 MB] 6-2 TabList 组件代码（一） (1444)_().mp4 [77.9 MB] 9-1 导入文件对话框（一） (0946)_().mp4 [77.5 MB] 3-2 配置 React 开发环境..1 (0950)_().mp4 [51.0 MB] 3-7 自定义 Hook（一） (0835)_().mp4 [67.4 MB] electron-demo-master_().zip [32.4 KB] 10-6 获得下载链接 (1451)_().mp4 [77.2 MB] 8-1 在 React 中使用 Node.js (0618)_().mp4 [54.9 MB] 10-3 初始七牛 SDK (1300)_().mp4 [67.8 MB] 7-7 Flatten State 介绍 (0506)_().mp4 [28.0 MB] 10-8 stream 流的简单用法 (1009)_().mp4 [64.5 MB] 12-6 生成安装包 (0907)_().mp4 [49.6 MB] 5-1 为项目选择样式库 (0926)_().mp4 [48.6 MB] 12-9 自动更新第一部分 - 自动发布 release (0936)_().mp4 [49.8 MB] 11-1 在设置窗口添加七牛云参数（一） (1001)_().mp4 [58.5 MB] 11-9 为应用添加 Loading 效果 (0759)_().mp4 [45.9 MB] 11-4 动态修改菜单项 (0906)_().mp4 [49.4 MB] 13-1 课程总结 (0752)__().mp4 [10.9 MB] 12-8 Electron 打包体积优化第二部分-极限优化 (1004)_().mp4 [54.5 MB] 4-2 将 UI 拆分成组件 (0647)_().mp4 [35.0 MB] 7-8 修改 State 为 Flatten 结构编码 (1044)_().mp4 [56.7 MB] 11-8 自动下载云文件至本地（二） (1153)_().mp4 [60.0 MB] 9-5 添加上下文菜单最终实现 (1402)_().mp4 [72.5 MB] 3-6 useEffect 可控 effect (1131)_().mp4 [76.8 MB] 10-7 stream 流的概念 (0750)_().mp4 [60.7 MB] 8-2 FS 模块初试牛刀 (0855)_().mp4 [48.9 MB] 12-1 安装 Electron builder (0442)_().mp4 [24.4 MB] 8-5 数据持久化解决方案 (0653)_().mp4 [62.5 MB] cloud-doc-master_().zip [874.9 KB] 2-2 进程和线程 (0802)_().mp4 [27.8 MB] 5-4 为项目选择图标库 (1227)_().mp4 [91.2 MB] 6-1 TabList 需求和属性分析 (0541)_().mp4 [38.6 MB] 3-8 HOC 的概念和缺点 (0528)_().mp4 [46.2 MB] 2-4 创建 BrowserWindow (1309)_().mp4 [73.5 MB] 7-5 添加数据处理行为（二） (1133)_().mp4 [57.7 MB] 10-5 云文件操作类编码（二） (1116)_().mp4 [58.7 MB] 8-4 在 App 中集成文件操作 (1315)_().mp4 [69.0 MB] 8-6 将 Electron store 集成到 App 中 (1402)_().mp4 [69.7 MB] 9-6 原生应用菜单简介 (0649)_().mp4 [34.0 MB] 5-6 FileList 组件开发（一） (1441)_().mp4 [102.0 MB] 11-3 添加云同步菜单 (0803)_().mp4 [40.3 MB] 11-7 自动下载云文件至本地（一） (0848)_().mp4 [46.3 MB] 5-9 左侧收尾工作 (1231)_().mp4 [63.8 MB] 7-3 给 App 组件添加状态 (1130)_().mp4 [56.6 MB] 5-7 FileList 组件开发（二） (1229)_().mp4 [64.8 MB] 适合人群 前端开发者 桌面应用爱好者 React框架用户 学习收获 学会跨平台应用开发 掌握Electron框架 实现云端数据同步 祝您学习愉快！ 学有所成，前程似锦！
