能力缺口：会写网页，但卡在桌面进程与状态架构
很多前端开发者能把单页应用写得很溜，但需求一旦变成跨平台桌面软件，立刻暴露底层认知断层。这门课解决的核心痛点就是：懂网页却不懂进程，会用组件却理不清大型应用的数据流，能本地跑通却不会打包发布。课程从主进程与渲染进程的边界讲起，重点剖析进程间通信与跨进程访问的实现差异。随后直击复杂应用的状态架构，教你如何设计 State 结构、分析数据流，并引入扁平化状态来避免嵌套地狱。它适合已经熟悉基础前端语法、急需补齐桌面端开发与状态架构经验的技术学习者。门槛在于你需要对基础语法有基本掌握，如果连基础环境配置都搞不定，先去补基础，别假装自己天生就懂底层进程通信。
学习顺序与资料用法：按进程通信与状态重构两块硬啃
资料包内容层层递进，建议先从环境配置与进程模型看起，彻底搞懂主进程与渲染进程的职责边界。接着重点啃透跨进程通信这一模块，配套练习时务必手写代码实现窗口间的数据传递，不要只看不动手。后半部分的状态架构是真正的试金石，不要跳过分析应用数据流与设计状态结构的章节。跟着视频把嵌套状态重构为扁平化结构，并独立完成新建文件流程的逻辑编码。资料用法上，切忌当成连续剧刷完就当自己学会了，每看完一个核心概念，必须暂停视频，自己在编辑器里把代码敲一遍。遇到卡壳的地方，倒回去重看具体实现细节，直到能在不参考资料的情况下独立跑通逻辑。最后阶段对照打包构建与自动更新的流程，自己跑通一次安装包生成与自动发布。
学完产出与看完应能回答的问题
把这套资料按部就班练完，你应能独立产出什么？首先，你能从零搭建一套跨平台桌面应用脚手架，不再局限于浏览器端。其次，你能从容设计复杂业务的状态结构，把混乱的嵌套数据重构成扁平化状态。最后，你能打通从本地调试到生成安装包、再到实现自动更新的完整闭环。检验有没有学透，就看看完后能否清晰回答以下几个问题：主进程与渲染进程的职责边界到底在哪？为什么需要跨进程通信？进程间通信与跨进程访问在实际编码中有什么本质区别和适用场景？什么是扁平化状态结构？为什么复杂桌面应用必须做状态扁平化重构？从本地调试到生成跨平台安装包，再到实现自动更新，完整链路怎么打通？如果这些问题答得磕磕巴巴，说明没练到位，回头补缺口。
课程目录
📁 3 3-7 自定义 Hook（一）【整理不易‖记得关注：CunWorKNotes】.mp4 [35.7 MB] 3-10 Hook 规则和其他 Hook.mp4 [18.6 MB] 3-4 useEffect 不需要清除的 Effect【公重号：CunWorkNotes】.mp4 [15.3 MB] 3-8 HOC 的概念和缺点.mp4 [21.8 MB] 3-5 useEffect 需要清除的 Effect.mp4 [39.8 MB] 3-9 自定义Hook（二）.mp4 [87.5 MB] 3-3 useState Hook.mp4 [41.5 MB] 3-6 useEffect 可控 effect.mp4 [66.7 MB] 3-1 React 简介和缘起.mp4 [13.3 MB] 3-2 配置 React 开发环境1.mp4 [31.6 MB] 📁 2 2-2 进程和线程【更多精选‖公众号：CunWorknotes】 .mp4 [10.7 MB] 2-6 使用 IPC 进行通信.mp4 [48.4 MB] 2-4 创建 BrowserWindow【资源精选‖更多关注：CunworkNotes】.mp4 [54.7 MB] 2-7 使用 remote 实现跨进程访问.mp4 [22.4 MB] 2-3 主进程和渲染进程.mp4 [11.6 MB] 2-1 配置 Electron 开发环境.mp4 [24.8 MB] 2-5 进程间的通信.mp4 [21.1 MB] 📁 7 7-7 Flatten State 介绍.mp4 [65.3 MB] 7-4 添加数据处理行为（一）.mp4 [109.8 MB] 7-2 分析应用数据流.mp4 [67.4 MB] 7-1 分析设计 State 结构.mp4 [13.2 MB] 7-8 修改 State 为 Flatten 结构编码.mp4 [85.5 MB] 7-6 添加新建文件流程逻辑.mp4 [95.9 MB] 7-3 给 App 组件添加状态.mp4 [93.2 MB] 7-5 添加数据处理行为（二）.mp4 [74.9 MB] 📁 4 4-4 配置开发环境（二）【优质资源‖关注：cunWorkNotes 解锁】.mp4 [64.5 MB] 4-2 将 UI 拆分成组件.mp4 [18.3 MB] 4-3 配置开发环境（一）【持续更新‖免费提供：CunworknoteS】.mp4 [22.1 MB] 4-1 全局需求.mp4 [15.3 MB] 4-5 文件结构和代码规范.mp4 [36.4 MB] 📁 12 12-1 安装 Electron builder.mp4 [26.4 MB] 12-9 自动更新第一部分 - 自动发布 release.mp4 [67.1 MB] 12-6 生成安装包.mp4 [68.6 MB] 12-10 自动更新第二部分 - 添加自动更新功能.mp4 [67.5 MB] 12-4 调试整个pack流程.mp4 [78.3 MB] 12-5 探究打包过程和生成文件内容.mp4 [35.4 MB] 12-7 Electron 打包体积优化第一部分- 质的飞跃.mp4 [50.0 MB] 12-3 添加配置文件.mp4 [65.6 MB] 12-11 自动更新 第三部分 - 本地调试自动更新功能.mp4 [53.3 MB] 12-8 Electron 打包体积优化第二部分-极限优化.mp4 [64.4 MB] 12-2 为生产环境 build 代码.mp4 [32.5 MB] 📁 11 11-10 完成全部文件同步到七牛云功能编码【持续更新‖免费提供：CunworknoteS】.mp4 [90.1 MB] 11-9 为应用添加 Loading 效果.mp4 [58.6 MB] 11-6 自动同步单个文件至七牛云（二）.mp4 [75.0 MB] 11-2 在设置窗口添加七牛云参数（二）.mp4 [51.5 MB] 11-4 动态修改菜单项.mp4 [60.0 MB] 11-7 自动下载云文件至本地（一）.mp4 [72.1 MB] 11-3 添加云同步菜单.mp4 [64.8 MB] 11-5 自动同步单个文件至七牛云（一）.mp4 [82.7 MB] 11-8 自动下载云文件至本地（二.mp4 [101.1 MB] 11-11 使用流程图和伪代码解决剩下需求.mp4 [54.0 MB] 11-1 在设置窗口添加七牛云参数（一）.mp4 [81.2 MB] 📁 5 5-6 FileList 组件开发（一）【整理不易‖记得关注：CunWorKNotes】.mp4 [78.6 MB] 5-4 为项目选择图标库.mp4 [74.2 MB] 5-2 FileSearch 组件（一）【持续更新‖免费提供：CunworknoteS】.mp4 [71.2 MB] 5-1 为项目选择样式库.mp4 [63.0 MB] 5-9 左侧收尾工作.mp4 [81.7 MB] 5-7 FileList 组件开发（二）.mp4 [97.9 MB] 5-5 使用 PropTypes 进行类型检查.mp4 [44.8 MB] 5-8 第一个自定义 Hook - useKeyPress.mp4 [42.3 MB] 5-3 FileSearch 组件（二）.mp4 [89.2 MB] 📁 6 6-1 TabList 需求和属性分析.mp4 [10.8 MB] 6-2 TabList 组件代码（一）.mp4 [97.8 MB] 6-5 引入 easyMDE 编辑器.mp4 [50.0 MB] 6-4 选择 MarkDown 编辑器.mp4 [27.8 MB] 6-3 TabList 组件代码（二）.mp4 [73.5 MB] 📁 8 8-4 在 App 中集成文件操作.mp4 [103.3 MB] 8-1 在 React 中使用 Nodejs.mp4 [31.1 MB] 8-8 由一个 Bug 引发的思考.mp4 [49.2 MB] 8-3 FS 模块使用 Promise 改造.mp4 [67.3 MB] 8-5 数据持久化解决方案.mp4 [31.1 MB] 8-6 将 Electron store 集成到 App 中.mp4 [106.3 MB] 8-2 FS 模块初试牛刀.mp4 [33.3 MB] 8-7 添加持久化数据逻辑代码.mp4 [34.5 MB] 📁 9 9-9 设置窗口解决方案和流程分析【持续更新‖免费提供：CunworknoteS】.mp4 [54.2 MB] 9-4 添加上下文菜单第二部分【整理不易‖记得关注：CunWorKNotes】.mp4 [73.6 MB] 9-3 添加上下文菜单（一）.mp4 [60.0 MB] 9-11 添加设置窗口编码（二）【资源精选‖更多关注：CunworkNotes】.mp4 [74.9 MB] 9-6 原生应用菜单简介.mp4 [31.7 MB] 9-2 导入文件对话框（二）.mp4 [132.6 MB] 9-10 添加设置窗口编码（一）.mp4 [94.6 MB] 9-1 导入文件对话框（一）.mp4 [110.4 MB] 9-7 添加原生应用菜单编码（一）.mp4 [82.3 MB] 9-5 添加上下文菜单最终实现.mp4 [100.3 MB] 9-8 添加原生应用菜单编码（二）.mp4 [87.4 MB] 📁 10 10-6 获得下载链接.mp4 [119.2 MB] 10-4 云文件操作类编码（一）.mp4 [90.0 MB] 10-3 初始七牛 SDK.mp4 [103.1 MB] 10-1 对象存储平台简介.mp4 [32.5 MB] 10-9 实现文件下载方法.mp4 [115.5 MB] 10-2 七牛云平台使用简介.mp4 [29.3 MB] 10-5 云文件操作类编码（二）.mp4 [106.9 MB] 10-8 stream 流的简单用法.mp4 [25.6 MB] 10-7 stream 流的概念.mp4 [24.0 MB] 📁 13 13-1 课程总结.mp4 [12.6 MB] 📁 1 1-1 学习本课程的收获以及案例展示（内附彩蛋）.mp4 [52.2 MB] 课件.zip [2.6 MB]
