「從 0 到 1:30 篇文章帶你玩轉 Electron 與 React」 將帶領讀者從零開始,逐步掌握 Electron 和 React 的核心概念與實戰技巧。
透過這個系列,我們可以學習到如何結合這兩項強大的技術開發跨平台的應用程式,無論是桌面應用程式的新手或是已經具備 Web 開發經驗的開發者,本系列都可以提供基礎概念到實作項目的引導。
此系列從配置開發環境、構建 UI、管理應用狀態、與後端互動、進行跨平台打包進行講解及實作,帶領讀者從理論及實作進一步提升技能,期望可以讓讀者獨立完成專業的桌面應用程式開發。
在開發桌面應用或處理本地文件時,我們經常需要與文件系統進行互動。 Node.js 提供了強大的 fs 模組來處理文件的讀寫、目錄操作、文件狀態檢查等功能。本篇文...
在現代前端應用中,尤其是像 React 這類的單頁應用程式 (SPA),狀態管理至關重要。隨著應用規模的增長,應用中的狀態不僅變得更多樣化,而且需要跨元件甚至跨...
Redux 是一個非常流行的狀態管理工具,通常用於 React 應用中。它採用單一的狀態樹,所有應用狀態存在一個地方,並通過單向資料流進行管理。當我們使用 El...
Axios 是一個流行的 HTTP 客戶端,用於在前端應用中與後端 API 進行溝通。它支持瀏覽器和 Node.js 環境,能夠輕鬆發送 GET、POST、PU...
在前面的文章 Redux 狀態管理:在 Electron 中管理應用狀態 我們介紹了如何在 Electron 使用狀態管理,一般來說同個視窗下使用 Rredux...
在 Electron 中進行跨視窗的狀態管理是許多開發者面臨的難題。Electron 應用通常包含多個視窗,每個視窗是獨立的渲染進程,這使得狀態共享和同步變得複...
現代前端開發中,數據抓取和管理是必不可少的一環。當應用變得更複雜,數據的管理變得越發關鍵,這不僅僅是關於如何發送 HTTP 請求,還包括如何處理數據緩存、狀態同...
在開發桌面應用時,持久化存儲使用者的設定資料、應用狀態等數據是十分常見的需求。在 Electron 應用中,我們可以通過許多方式來實現本地數據的存儲,如使用文件...
不知不覺時間也過了一半了,前面的文章(目錄傳送門)已經探討了大部分 Electron 的核心功能以及概念,接下來依照規劃會開始逕行實作的部分,筆者會將前面提到的...
今天再來聊聊 Electron 比較多人討論的議題,關於資源佔用以及效能的問題,就當輕鬆一下~ Electron 作為一個流行的跨平台開發框架,已經成為許多應用...