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

[384] 2024更新 Electron+React+七牛云实战跨平台桌面应用风筝自习室-课程资源-网盘资源风筝自习室
[384] 2024更新 Electron+React+七牛云实战跨平台桌面应用 - 回归桌面,是很多知名 App 正在做的事,这些技术组合,让 Web 开发人员也可以轻松应对桌面客户端的开发任务
此内容为付费阅读,请付费后查看
500积分
付费阅读

image

网站资源均收集于公开网络,仅供学习和交流。版权归版权人所有,所标价格为资源收集整理费用,如喜欢作品请支持正版。

网盘链接:

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 课程总结
© 版权声明
THE END
加入本站 VIP,免费下载本站所有内容
点赞11 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容