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

使用 Github 的 Electron,开发一款自动云同步的 Markdown 文件管理软件

Electron几乎是 Web 开发人员开发桌面客户端的唯一途径,它天然适配任何前端开发框架,我们结合 React Hooks 这个新特性进行教学,结合七牛云和很多 Node 原生模块进行开发,来完成一个非常有吸引力的云同步 Markdown 文档管理应用

目录展示

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

  • 第1章 进入 Electron 的世界 试看

    介绍了整个课程的背景知识,项目简介,学习流程,可以掌握的知识点,以及学习方法和前置知识。

    共 1 节 (19分钟)

    •  1-1 学习本课程的收获以及案例展示(内附彩蛋) (18:08)试看

  • 第2章 我们的第一个应用 试看

    本章讲述了 Electron 的基础用法,包括搭建 Electron 开发环境、进程和线程的知识、BrowserWindow 模块、跨进程访问等内容。

    共 8 节 (61分钟)


  • 第3章 神奇的 React

    本章回顾了 React 的基础知识,从而引出了全新的 React Hooks,详细讲解了 useState、useEffect、自定义Hook 等内容。

    共 10 节 (88分钟)


  • 第4章 双剑合璧与庖丁解牛 试看

    本章分析了整个应用的需求,将整个应用分割成组件,然后打造一个 适配 Electron 和 React 的开发环境

    共 5 节 (42分钟)


  • 第5章 左侧面板开发

    本章开始分别开发左侧面板的各个 React 组件,同时在开发过程中选用样式库、图标库,重构公共自定义 Hook。

    共 9 节 (106分钟)


  • 第6章 右侧面板开发

    本章开发了应用右侧的 TabList 和编辑器部分,同时在整个过程中穿插了如何选取一个好用的开源库的思路。

    共 5 节 (45分钟)


  • 第7章 功能结合

    本章遵循 React 哲学的最后步骤,从分析应用 state 结构入手,从上至下的给应用添加状态和逻辑处理,然后提出了 flatten state 的概念, 最后用这个概念进化了整个应用的状态。

    共 8 节 (80分钟)


  • 第8章 持久化保存数据

    本章开始进入 Node.js 的世界,使用 FS 模块完成文件的增删改,同时还使用 Electron store 完成文件索引的持久化保存。

    共 8 节 (75分钟)


  • 第9章 Electron 锦上添花

    本章使用 Electron 分享的模块 – Dialog、Menu、BrowserWindow 等模块进一步进化应用。在这之中,还穿插了 Node.js、DOM 遍历以及操作等一系列知识。

    共 11 节 (125分钟)


  • 第10章 认识七牛云平台

    本章从对象存储云平台简介开始,引出七牛云使用的流程,以及七牛云 SDK 的下载。然后使用 SDK 写一些小 Demo,最后抽象到一个云文件操作类。

    共 9 节 (94分钟)


  • 第11章 使用 SDK 同步到七牛云

    本章使用上一章完成的云文件操作类将云文件同步功能添加到应用当中。

    共 11 节 (102分钟)


  • 第12章 应用打包与分发

    本章主要以 MacOS 和 Windows 系统为例,讲解如何通过 Electron Builder 打包 Electron 应用程序。

    共 11 节 (89分钟)


  • 第13章 课程总结

    本课程的回顾与总结。

    共 1 节 (8分钟)

下载体验

请输入密码查看下载!

点击下载课程包!密码1122(非下方密码)

点击下载

本站所有资源均为用户投稿发布,仅限下载体验和学习交流,不得商用,不得正当使用,如资源适合请购买正版体验更完善的服务,涉及版权的只展示不传播;若本站侵犯了您的合法权益,可联系我们删除,给您带来的不便我们深表歉意。
小兔课程 » Electron+React+七牛云 实战跨平台桌面应用

发表回复

小兔课程

提供最优质的资源集合

立即查看 了解详情