【Udemy中英字幕】Electron & React JS: Build Desktop Chat App with Javascript

Electron 和 React JS：使用 Javascript 构建桌面聊天应用程序

使用 Electron 创建 React.js 聊天应用程序。使用 Firebase 作为数据库。第二个应用程序，ChatGPT + Electron 和 Typescript

讲师：Eincode by Filip Jerga

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将学到什么

• 了解 Electron JS 的工作原理
• 创建一个“现实生活”的聊天应用程序
• 使用 Javascript、Html + CSS 创建本机应用程序
• 了解如何将 React JS 与 Electron 结合使用

要求

• 需要对 JS(ES6) 和 React JS 有基本了解

描述

电子：

如果您可以构建网站，那么您就可以构建桌面应用程序。Electron 是一个使用 JavaScript、HTML 和 CSS 等 Web 技术创建本机应用程序的框架。它会处理困难的部分，因此您可以专注于应用程序的核心。

反应JS：

React 使创建交互式 UI 变得轻而易举。为应用程序中的每个状态设计简单的视图，当数据发生变化时，React 将有效地更新和渲染正确的组件。

火力基地：

Firebase 为您提供分析、数据库、消息传递和崩溃报告等功能，以便您可以快速行动并专注于您的用户。

课程概述
课程的第一部分介绍了 Electron JS 的基础知识，包括其功能和概念，例如主进程和渲染器进程。React 库将处理应用程序的 UI 部分，Webpack 将负责捆绑源文件。

在第二部分中，将创建多个视图，例如“主页”、“聊天”和“设置”，并将集成路由系统以允许在视图之间导航。学生将学习如何使用 Firestore 查询和操作数据。redux 架构将处理状态管理，将数据存储在 Firestore 数据库中。

第三部分将重点介绍身份验证、创建登录和注册表单以及处理 Firestore 中的错误。只有登录的用户才能完全访问该应用程序。

第四部分将介绍 redux 中间件和通知功能，它将能够检测用户在线/离线状态的变化。

第五部分将重点介绍聊天管理，包括聊天创建和加入功能。将显示用户的在线状态，指示他们是在线还是离线。

在第六部分中，将添加消息传递功能，允许用户编写和发送消息，这些消息将在所有活动客户端之间同步。

第七部分将涉及对 Electron 环境的小调整，包括创建应用程序菜单、添加托盘图标以及更改应用程序图标和启动屏幕。最后的讲座将介绍构建配置，允许将应用程序构建到 Windows、Linux 和 macOS 的可执行文件中。

该课程现在包括一个额外的应用程序，它教学生如何使用 Electron Forge 初始化应用程序。该应用程序是使用 React 和 Typescript 构建的，学生还将获得有关将 ChatGPT 集成到应用程序中的知识。

讲座中涵盖了更多内容，学生将有机会开发他们希望喜欢的应用程序。讲师希望在课程中见到学生。

本课程适合谁：

• 开发人员正在寻找非常实用的指南
• 希望利用网络技术（JS、Html、CSS）创建本机应用程序的人
• 开发人员正在寻求一种简单的方法来创建本机应用程序