iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

從 0 到 1:30 篇文章帶你玩轉 Electron 與 React 系列

「從 0 到 1:30 篇文章帶你玩轉 Electron 與 React」 將帶領讀者從零開始,逐步掌握 Electron 和 React 的核心概念與實戰技巧。

透過這個系列,我們可以學習到如何結合這兩項強大的技術開發跨平台的應用程式,無論是桌面應用程式的新手或是已經具備 Web 開發經驗的開發者,本系列都可以提供基礎概念到實作項目的引導。

此系列從配置開發環境、構建 UI、管理應用狀態、與後端互動、進行跨平台打包進行講解及實作,帶領讀者從理論及實作進一步提升技能,期望可以讓讀者獨立完成專業的桌面應用程式開發。

參賽天數 12 天 | 共 12 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

開場:為什麼選擇 Electron 和 React

在當今的開發環境中,桌面應用程式的開發方式有了巨大的改變,從原生的桌面應用開發到跨平台技術的應用開發,隨著 Modern Web 技術的迅速發展,我們現在已經可...

2024-09-15 ‧ 由 Ci 分享
DAY 2

系列目錄:Electron 和 React 開發之旅

在第一篇文章中,我們介紹了為什麼選擇 Electron 和 React 作為桌面應用開發的技術組合。 在接下來的這個系列中,我們將一步步從基礎入門到進階應用,構...

2024-09-16 ‧ 由 Ci 分享
DAY 3

Electron 和 React 的環境設定

要開始開發一個基於 Electron 和 React 的桌面應用,首先我們需要正確配置開發環境。這篇文章將一步步的完成環境設置,包括安裝必要的工具、建立專案目錄...

2024-09-17 ‧ 由 Ci 分享
DAY 4

第一個 Electron + React 專案:建立基本應用程式

在前面的文章中,我們已經完成了 Electron 和 React 的環境設置。現在,是時候開始構建我們的第一個 Electron + React 應用了! 這篇...

2024-09-18 ‧ 由 Ci 分享
DAY 5

理解 Electron 的架構與原理

Electron 是一個基於 JavaScript、HTML 和 CSS 的框架,它使得開發者可以使用熟悉的 Web 技術來構建跨平台的桌面應用程式。Elect...

2024-09-19 ‧ 由 Ci 分享
DAY 6

使用 Vite 來優化 Electron 應用的開發體驗

在桌面應用開發中,開發體驗的好壞對於生產效率有著直接的影響。Electron 為開發桌面應用提供了非常強大的平台,而 Vite 則是新一代的前端構建工具,因其高...

2024-09-20 ‧ 由 Ci 分享
DAY 7

React 與 Electron 的整合:打造動態的用戶界面

在之前的文章 Electron 和 React 的環境設定 & 使用 Vite 來優化 Electron 應用的開發體驗,我們學習到怎麼利用現代的強大工...

2024-09-21 ‧ 由 Ci 分享
DAY 8

多視窗應用的實作與視窗管理 (理論篇)

Electron 作為一個桌面應用框架,提供了非常靈活的視窗管理功能,可以讓開發者輕鬆實現多視窗應用。 無論是獨立的子視窗、彈出窗口,還是互相通信的多視窗程式,...

2024-09-22 ‧ 由 Ci 分享
DAY 9

視窗 API 大集合

上一篇 多視窗應用的實作與視窗管理 (理論篇) 提到了如何開發多視窗的功能,在進行實作的範例之前,筆者先帶大家看一下 Electron 提供的視窗 API 功能...

2024-09-23 ‧ 由 Ci 分享
DAY 10

視窗 API 大集合(進階篇)

基於前一篇文章 視窗 API 大集合,這篇文章將繼續介紹更多 Electron 提供的視窗 API,讓開發者對 Electron 視窗管理 有更深入的理解。我們...

2024-09-24 ‧ 由 Ci 分享