iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

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

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

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

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

鐵人鍊成 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 11

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

在開發桌面應用或處理本地文件時,我們經常需要與文件系統進行互動。 Node.js 提供了強大的 fs 模組來處理文件的讀寫、目錄操作、文件狀態檢查等功能。本篇文...

2024-09-25 ‧ 由 Ci 分享
DAY 12

狀態管理:原理及工具介紹

在現代前端應用中,尤其是像 React 這類的單頁應用程式 (SPA),狀態管理至關重要。隨著應用規模的增長,應用中的狀態不僅變得更多樣化,而且需要跨元件甚至跨...

2024-09-26 ‧ 由 Ci 分享
DAY 13

Redux 狀態管理:在 Electron 中管理應用狀態

Redux 是一個非常流行的狀態管理工具,通常用於 React 應用中。它採用單一的狀態樹,所有應用狀態存在一個地方,並通過單向資料流進行管理。當我們使用 El...

2024-09-27 ‧ 由 Ci 分享
DAY 14

與後端 API 整合:用 Axios 發送請求

Axios 是一個流行的 HTTP 客戶端,用於在前端應用中與後端 API 進行溝通。它支持瀏覽器和 Node.js 環境,能夠輕鬆發送 GET、POST、PU...

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

Electron 狀態管理:跨視窗的跨視窗的狀態管理的難題

在前面的文章 Redux 狀態管理:在 Electron 中管理應用狀態 我們介紹了如何在 Electron 使用狀態管理,一般來說同個視窗下使用 Rredux...

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

解決方法:跨視窗的狀態管理

在 Electron 中進行跨視窗的狀態管理是許多開發者面臨的難題。Electron 應用通常包含多個視窗,每個視窗是獨立的渲染進程,這使得狀態共享和同步變得複...

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

Fetch 技術:SWR & RTK Query

現代前端開發中,數據抓取和管理是必不可少的一環。當應用變得更複雜,數據的管理變得越發關鍵,這不僅僅是關於如何發送 HTTP 請求,還包括如何處理數據緩存、狀態同...

2024-10-01 ‧ 由 Ci 分享
DAY 18

本地存儲數據:使用 Electron Store

在開發桌面應用時,持久化存儲使用者的設定資料、應用狀態等數據是十分常見的需求。在 Electron 應用中,我們可以通過許多方式來實現本地數據的存儲,如使用文件...

2024-10-02 ‧ 由 Ci 分享
DAY 19

中場休息:聊聊 Electron 中的性能優化策略

不知不覺時間也過了一半了,前面的文章(目錄傳送門)已經探討了大部分 Electron 的核心功能以及概念,接下來依照規劃會開始逕行實作的部分,筆者會將前面提到的...

2024-10-03 ‧ 由 Ci 分享
DAY 20

Electron:便利性與資源佔用之間的平衡

今天再來聊聊 Electron 比較多人討論的議題,關於資源佔用以及效能的問題,就當輕鬆一下~ Electron 作為一個流行的跨平台開發框架,已經成為許多應用...

2024-10-04 ‧ 由 Ci 分享