[384] 2024更新 Electron+React+七牛云实战跨平台桌面应用 - 回归桌面，是很多知名 App 正在做的事，这些技术组合，让 Web 开发人员也可以轻松应对桌面客户端的开发任务

网盘链接：

1. 进入 Electron 的世界

• 1-1 学习本课程的收获以及案例展示（内附彩蛋）

2. 我们的第一个应用（2024 更新）

• 2-1 介绍以及安装 Electron
• 2-2 创建第一个窗口
• 2-3 进程和线程
• 2-4 预加载脚本
• 2-5 进程间通信- 从渲染进程到主进程
• 2-6 进程通信- 双向通信
• 2-7 单向通信- 从主进程到渲染进程
• 2-8 使用 nodeIntegration
• 2-9 使用 remote 模块
• 2-10 本章总结

3. 神奇的 React

• 3-1 React 简介和缘起
• 3-2 配置 React 开发环境..1
• 3-3 useState Hook
• 3-4 useEffect 不需要清除的 Effect
• 3-5 useEffect 需要清除的 Effect
• 3-6 useEffect 可控 effect
• 3-7 自定义 Hook（一）
• 3-8 HOC 的概念和缺点
• 3-9 自定义Hook（二）
• 3-10 Hook 规则和其他 Hook
• 3-11 【学习任务】给 useURLLoader 添加更多功能

4. 双剑合璧与庖丁解牛

• 4-1 全局需求
• 4-2 将 UI 拆分成组件
• 4-3 配置开发环境（一）
• 4-4 配置开发环境（二）
• 4-5 文件结构和代码规范
• 4-6 【学习任务】写自己的技术规范文档

5. 左侧面板开发

• 5-1 为项目选择样式库
• 5-2 FileSearch 组件（一）
• 5-3 FileSearch 组件（二）
• 5-4 为项目选择图标库
• 5-5 使用 PropTypes 进行类型检查
• 5-6 FileList 组件开发（一）
• 5-7 FileList 组件开发（二）
• 5-8 【学习任务】完成 Input 自动 focus 功能
• 5-9 第一个自定义 Hook – useKeyPress
• 5-10 左侧收尾工作

6. 右侧面板开发

• 6-1 TabList 需求和属性分析
• 6-2 TabList 组件代码（一）
• 6-3 TabList 组件代码（二）
• 6-4 选择 MarkDown 编辑器
• 6-5 引入 easyMDE 编辑器

7. 功能结合

• 7-1 分析设计 State 结构
• 7-2 分析应用数据流
• 7-3 给 App 组件添加状态
• 7-4 添加数据处理行为（一）
• 7-5 添加数据处理行为（二）
• 7-6 添加新建文件流程逻辑
• 7-7 Flatten State 介绍
• 7-8 修改 State 为 Flatten 结构编码
• 7-9 【想一想】应用状态分析与设计

8. 持久化保存数据

• 8-1 在 React 中使用 Node.js
• 8-2 新版 electron(>12) 出现错误，解决方法
• 8-3 FS 模块初试牛刀
• 8-4 FS 模块使用 Promise 改造
• 8-5 在 App 中集成文件操作
• 8-6 数据持久化解决方案
• 8-7 将 Electron store 集成到 App 中
• 8-8 添加持久化数据逻辑代码
• 8-9 由一个 Bug 引发的思考

9. Electron 锦上添花

• 9-1 导入文件对话框（一）
• 9-2 导入文件对话框（二）
• 9-3 添加上下文菜单（一）
• 9-4 添加上下文菜单第二部分
• 9-5 添加上下文菜单最终实现
• 9-6 原生应用菜单简介
• 9-7 添加原生应用菜单编码（一）
• 9-8 添加原生应用菜单编码（二）
• 9-9 设置窗口解决方案和流程分析
• 9-10 添加设置窗口编码（一）
• 9-11 添加设置窗口编码（二）

10. 认识七牛云平台

• 10-1 对象存储平台简介
• 10-2 七牛云平台使用简介
• 10-3 初始七牛 SDK
• 10-4 云文件操作类编码（一）
• 10-5 云文件操作类编码（二）
• 10-6 获得下载链接
• 10-7 stream 流的概念
• 10-8 stream 流的简单用法
• 10-9 实现文件下载方法

11. 使用 SDK 同步到七牛云

• 11-1 在设置窗口添加七牛云参数（一）
• 11-2 在设置窗口添加七牛云参数（二）
• 11-3 添加云同步菜单
• 11-4 动态修改菜单项
• 11-5 自动同步单个文件至七牛云（一）
• 11-6 自动同步单个文件至七牛云（二）
• 11-7 自动下载云文件至本地（一）
• 11-8 自动下载云文件至本地（二）
• 11-9 为应用添加 Loading 效果
• 11-10 完成全部文件同步到七牛云功能编码
• 11-11 使用流程图和伪代码解决剩下需求
• 11-12 【学习任务】完成剩下的需求

12. 应用打包与分发

• 12-1 安装 Electron builder
• 12-2 为生产环境 build 代码
• 12-3 添加配置文件
• 12-4 调试整个pack流程
• 12-5 探究打包过程和生成文件内容
• 12-6 生成安装包
• 12-7 Electron 打包体积优化第一部分- 质的飞跃
• 12-8 Electron 打包体积优化第二部分-极限优化
• 12-9 自动更新第一部分 – 自动发布 release
• 12-10 自动更新第二部分 – 添加自动更新功能
• 12-11 自动更新 第三部分 – 本地调试自动更新功能

13. 课程总结

• 13-1 课程总结