在第一篇文章中，我們介紹了為什麼選擇 Electron 和 React 作為桌面應用開發的技術組合。

在接下來的這個系列中，我們將一步步從基礎入門到進階應用，構建跨平台桌面應用程式。

本文將梳理這個系列的目錄，幫助掌握整個學習的脈絡。

學習旅程概覽

這個系列將涵蓋 30 篇 文章，分為不同主題，逐步帶你掌握桌面應用開發所需的知識。無論你是初學者還是有經驗的開發者，這個系列都會帶你深入探索 Electron 和 React 的強大功能。

這是大概的學習地圖，若中間有想到什麼其他的或是一些突發奇想，可能會更動文章內容XD

入門基礎

1. 為什麼選擇 Electron 和 React

2. 系列目錄：Electron 和 React 開發之旅

3. Electron 和 React 的環境設定

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

進階功能

5. 理解 Electron 的架構與原理

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

7. React 與 Electron 的整合：打造動態的用戶界面

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

9-1. 視窗 API 集合

9-2. 視窗 API 大集合（進階篇）

10. 使用 Node.js 操作本地文件系統

狀態管理

11. 狀態管理：原理及工具介紹

12. Redux 狀態管理：在 Electron 中管理應用狀態

13. 與後端 API 整合：用 Axios 發送請求

14. Fetch 技術：SWR & RTK Query

15. 本地存儲數據：使用 Electron Store

實作範例

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

17. 實作截圖功能：初探

18. 實作截圖功能：螢幕錄製

19. 建立通知與系統 Tray 應用

20. 實作單點登入 (SSO) 登入功能

Debug & 測試

21. 撰寫單元測試

22. 撰寫整合測試

23. 異常處理以及捕獲

零零碎碎

24. 多國語言：i18n 的使用

25. 本地儲存工具：Electron Store

架構升級

26. 視窗管理：視窗與渲染元件的碰撞

27. 模組化應用開發

最後：上版嚕

28. 打包

29. 自動升級

未來展望

30. 結尾：Electron 應用的未來趨勢與挑戰