mksz384 - Electron+React+七牛云实战跨平台桌面应用 - 优百课栈

(, 下载次数: 21)

上传

点击文件名下载附件

【课程介绍】
目前市场上对 Electron 的呼声很高，它几乎是 Web 开发人员开发桌面客户端的唯一途径，很多大厂都使用 Electron 开发自己的原生应用。Electron 天生适配任何前端开发框架，我们结合 React Hooks 这个炙手可热的新特性进行教学，同时因为 Electron 也可以使用 Node.js 的开发环境，所以我们同时使用七牛云和很多 Node 原生模块进行开发，来完成一个非常有吸引力的云同步 Markdown 文档管理应用。
【网盘下载地址SVIP专享通道(电脑版访问)】

(, 下载次数: 16)

上传

点击文件名下载附件

【课程目录】

第1章进入 Electron 的世界
介绍了整个课程的背景知识，项目简介，学习流程，可以掌握的知识点，以及学习方法和前置知识。
- 1-1 学习本课程的收获以及案例展示（内附彩蛋）
第2章我们的第一个应用
本章讲述了 Electron 的基础用法，包括搭建 Electron 开发环境、进程和线程的知识、BrowserWindow 模块、跨进程访问等内容。
- 2-1 配置 Electron 开发环境
- 2-2 进程和线程
- 2-3 主进程和渲染进程
- 2-4 创建 BrowserWindow
- 2-5 进程间的通信
- 2-6 使用 IPC 进行通信
- 2-7 使用 remote 实现跨进程访问
- 2-8 升级到 electron 7.0 以上的注意事项
第3章神奇的 React
本章回顾了 React 的基础知识，从而引出了全新的 React Hooks，详细讲解了 useState、useEffect、自定义Hook 等内容。
- 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
第4章双剑合璧与庖丁解牛
本章分析了整个应用的需求，将整个应用分割成组件，然后打造一个适配 Electron 和 React 的开发环境
- 4-1 全局需求
- 4-2 将 UI 拆分成组件
- 4-3 配置开发环境（一）
- 4-4 配置开发环境（二）
- 4-5 文件结构和代码规范
第5章左侧面板开发
本章开始分别开发左侧面板的各个 React 组件，同时在开发过程中选用样式库、图标库，重构公共自定义 Hook。
- 5-1 为项目选择样式库
- 5-2 FileSearch 组件（一）
- 5-3 FileSearch 组件（二）
- 5-4 为项目选择图标库
- 5-5 使用 PropTypes 进行类型检查
- 5-6 FileList 组件开发（一）
- 5-7 FileList 组件开发（二）
- 5-8 第一个自定义 Hook - useKeyPress
- 5-9 左侧收尾工作
第6章右侧面板开发
本章开发了应用右侧的 TabList 和编辑器部分，同时在整个过程中穿插了如何选取一个好用的开源库的思路。
- 6-1 TabList 需求和属性分析
- 6-2 TabList 组件代码（一）
- 6-3 TabList 组件代码（二）
- 6-4 选择 MarkDown 编辑器
- 6-5 引入 easyMDE 编辑器
第7章功能结合
本章遵循 React 哲学的最后步骤，从分析应用 state 结构入手，从上至下的给应用添加状态和逻辑处理，然后提出了 flatten state 的概念，最后用这个概念进化了整个应用的状态。
- 7-1 分析设计 State 结构
- 7-2 分析应用数据流
- 7-3 给 App 组件添加状态
- 7-4 添加数据处理行为（一）
- 7-5 添加数据处理行为（二）
- 7-6 添加新建文件流程逻辑
- 7-7 Flatten State 介绍
- 7-8 修改 State 为 Flatten 结构编码
第8章持久化保存数据
本章开始进入 Node.js 的世界，使用 FS 模块完成文件的增删改，同时还使用 Electron store 完成文件索引的持久化保存。
- 8-1 在 React 中使用 Node.js
- 8-2 FS 模块初试牛刀
- 8-3 FS 模块使用 Promise 改造
- 8-4 在 App 中集成文件操作
- 8-5 数据持久化解决方案
- 8-6 将 Electron store 集成到 App 中
- 8-7 添加持久化数据逻辑代码
- 8-8 由一个 Bug 引发的思考
第9章 Electron 锦上添花
本章使用 Electron 提供的模块 - Dialog、Menu、BrowserWindow 等模块进一步进化应用。在这之中，还穿插了 Node.js、DOM 遍历以及操作等一系列知识。
- 9-1 导入文件对话框（一）
- 9-2 导入文件对话框（二）
- 9-3 添加上下文菜单（一）
- 9-4 添加上下文菜单第二部分
- 9-5 添加上下文菜单最终实现
- 9-6 原生应用菜单简介
- 9-7 添加原生应用菜单编码（一）
- 9-8 添加原生应用菜单编码（二）
- 9-9 设置窗口解决方案和流程分析
- 9-10 添加设置窗口编码（一）
- 9-11 添加设置窗口编码（二）
第10章认识七牛云平台
本章从对象存储云平台简介开始，引出七牛云使用的流程，以及七牛云 SDK 的下载。然后使用 SDK 写一些小 Demo，最后抽象到一个云文件操作类。
- 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 使用流程图和伪代码解决剩下需求
第12章应用打包与分发
本章主要以 MacOS 和 Windows 系统为例，讲解如何通过 Electron Builder 打包 Electron 应用程序。
- 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 课程总结

作者: lilongxi 时间: 2021-1-26 10:27
ctron+React+七牛云实战跨平台桌面应用 [修改]

作者: 坠落的云 时间: 2021-6-22 16:08
Electron+React+七牛云

作者: jjb 时间: 2021-7-16 15:24
Electron+React+七牛云实战跨平台

作者: 15020726113 时间: 2021-7-31 11:55
66666666666666

作者: bobbyliu117 时间: 2021-10-7 11:59
RE: mksz384 - Electron+React+七牛云实战跨平台桌面应用 [修改]

作者: ricker 时间: 2021-10-14 16:14
66666666666666666666666666666666666666

作者: haoxuan 时间: 2021-10-30 10:53
Electron+React+七牛云实战跨平台桌面应用 [

作者: qiao22 时间: 2021-11-16 21:04
mksz384 - Electron+React+七牛云实战跨平台桌面应用 [修改]

作者: pcsms_ei4tg1SH 时间: 2022-1-6 09:14
https://coding.imooc.com/class/3 ... 7596352238439367499

作者: allen 时间: 2022-2-12 20:15
aaaaaaaaaaaaaaa

作者: pcsms_kJ3jymtJ 时间: 2022-4-20 09:59
谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢

作者: 546101439 时间: 2022-5-22 21:49
1111111111111111111111111111

作者: carson9246 时间: 2022-12-11 16:41
dwadadwdadadwadadwdaw

作者: qianyegu 时间: 2022-12-13 22:08
Electron+React+七牛云实战跨平台桌面应用

作者: boyggboy 时间: 2023-1-30 16:17
e5vee5vee5vee5vee5ve

作者: username9854 时间: 2023-4-23 10:12
任何前端开发框架，我们结合 React Hooks 这个炙手可热的新特性进行教学，同时因为 Electron 也可以使用 Node.js 的开发环境，所以我们同时使用七牛

作者: pcsms_wtETCZVn 时间: 2023-5-26 22:27
66666333333

欢迎光临优百课栈 (https://www.ubkz.com/)