Electron+React+七牛云 实战跨平台桌面应用

  [复制链接]
查看: 110|回复: 12
  • TA的每日心情

    2020-1-19 10:10
  • 签到天数: 8 天

    连续签到: 1 天

    [LV.3]偶尔看看II

    0

    好友

    3

    主题

    0

    精华

    荣耀VIP

    Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

    积分
    149
    经验
    123
    学豆
    21474

    荣耀VIP

    发表于 2020-1-17 14:33:49 | 显示全部楼层 |阅读模式
    11.jpg

    课程介绍:


    目前市场上对 Electron 的呼声很高,它几乎是 Web 开发人员开发桌面客户端的唯一途径,很多大厂都使用 Electron 开发自己的原生应用。Electron 天生适配任何前端开发框架,我们结合 React Hooks 这个炙手可热的新特性进行教学,同时因为 Electron 也可以使用 Node.js 的开发环境,所以我们同时使用七牛云和很多 Node 原生模块进行开发,来完成一个非常有吸引力的云同步 Markdown 文档管理应用。

    所用环境:


    Node > 10.0.0 Npm > 6.0.0 Electron > 5.0.0 React >= 16.8.0


    课程目录:


    第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 课程总结


    课程截图:


    33.jpg

    下载地址
    回复可查看课程下载链接&提取码(04)20191216编程开发


    游客,如果您要查看本帖隐藏内容请回复




    回复

    使用道具 举报

  • TA的每日心情
    开心
    2020-1-26 22:04
  • 签到天数: 311 天

    连续签到: 1 天

    [LV.8]以坛为家I

    0

    好友

    3

    主题

    0

    精华

    荣耀VIP

    Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

    积分
    11765
    经验
    10891
    学豆
    5

    荣耀VIP

    发表于 2020-1-21 20:30:11 | 显示全部楼层
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2020-2-9 22:57
  • 签到天数: 143 天

    连续签到: 1 天

    [LV.7]常住居民III

    0

    好友

    0

    主题

    0

    精华

    荣耀VIP

    Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

    积分
    2823
    经验
    2558
    学豆
    760

    荣耀VIP

    发表于 2020-1-26 18:45:14 | 显示全部楼层
    有的人你看不见,因为他远远走在前面....
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    难过
    2020-2-3 10:35
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初来乍到

    0

    好友

    0

    主题

    0

    精华

    LV.1 菜小白

    Rank: 1

    积分
    8
    经验
    6
    学豆
    5
    发表于 2020-2-3 10:37:50 | 显示全部楼层
    该会员没有填写今日想说内容.
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2020-2-10 16:39
  • 签到天数: 72 天

    连续签到: 1 天

    [LV.6]常住居民II

    0

    好友

    2

    主题

    0

    精华

    荣耀VIP

    Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

    积分
    1473
    经验
    1245
    学豆
    505

    至尊VIP

    发表于 2020-2-3 22:05:15 | 显示全部楼层
    怀疑自己并不可怕,可怕的是一再怀疑自己——沃.兹基硕德
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2020-2-4 23:42
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初来乍到

    0

    好友

    0

    主题

    0

    精华

    LV.1 菜小白

    Rank: 1

    积分
    7
    经验
    5
    学豆
    5
    发表于 2020-2-4 23:45:24 | 显示全部楼层
    该会员没有填写今日想说内容.
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2020-2-12 00:12
  • 签到天数: 47 天

    连续签到: 2 天

    [LV.5]常住居民I

    0

    好友

    2

    主题

    0

    精华

    荣耀VIP

    Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

    积分
    1041
    经验
    767
    学豆
    5
    发表于 2020-2-6 15:21:27 | 显示全部楼层
    Electron+React+七牛云 实战跨平台桌面应用
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2020-2-6 15:35
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初来乍到

    0

    好友

    0

    主题

    0

    精华

    LV.1 菜小白

    Rank: 1

    积分
    9
    经验
    7
    学豆
    5
    发表于 2020-2-6 15:38:23 | 显示全部楼层
    该会员没有填写今日想说内容.
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    2020-2-6 23:40
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初来乍到

    0

    好友

    0

    主题

    0

    精华

    LV.1 菜小白

    Rank: 1

    积分
    8
    经验
    6
    学豆
    5
    发表于 2020-2-6 23:43:24 | 显示全部楼层
    楼主发贴辛苦了,谢谢楼主分享!我觉得一起自学吧是注册对了!
    该会员没有填写今日想说内容.
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2020-2-7 16:26
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初来乍到

    0

    好友

    0

    主题

    0

    精华

    LV.1 菜小白

    Rank: 1

    积分
    11
    经验
    9
    学豆
    5
    发表于 2020-2-7 16:29:37 | 显示全部楼层
    该会员没有填写今日想说内容.
    回复 支持 反对

    使用道具 举报

    快捷回复:
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

    站长推荐上一条 /5 下一条

    快速回复 返回顶部 返回列表