iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

Vue & GraphQL 探險之旅:30天,從新手村到魔王之巔 系列

對於許多開發者來說,Vue 和 GraphQL 都不再陌生。但如何將它們完美結合,並發揮其最大潛力,卻仍是一個待解之謎。本系列將分享筆者過去一年在 Vue 框架下,結合 GraphQL 的開發經驗和踩過的雷坑。
我們將深入淺出的經歷一關關的知識探險,從核心概念出發,經歷開發環境建立、初步實作,再到最佳實踐策略。此外,筆者也發現 GraphQL Client 相關資源在 React 生態系上較為豐富,也期望此次參賽能為 Vue 社群注入更多資源。
不論您是初入門的新手或是資深開發者,都能在這系列中獲得啟發和解決方案。

鐵人鍊成 | 共 31 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day21] 錯誤處理:Vue 和 GraphQL 中 Error handling 的機制與策略

錯誤處理是軟體開發中的關鍵部分。 隨著現代前端框架的迅速發展,如何在 Vue 中策略性地、有效地處理各種錯誤—無論是預期還是非預期的—已成為每位開發者的核心技...

2023-10-06 ‧ 由 Miyuki 分享
DAY 22

[Day22] 錯誤處理:Vue Apollo Client 中的策略與實踐

昨天我們實際演練了如何在 Vue 中進行錯誤處理,今天我們將重點放到另一位主角 — GraphQL 身上。 當前端應用與後端溝通時,錯誤處理尤其重要。正確的錯...

2023-10-07 ‧ 由 Miyuki 分享
DAY 23

[Day23] 實戰演練:未來式界面,Optimistic UI 的策略與應用於 Vue & GraphQL

在當今的數位世界,使用者期望的是快速且流暢的界面反應。在這個背景下,Optimistic UI 作為一種先進的前端技術,正迅速受到開發者的喜愛。通過模擬操作結果...

2023-10-08 ‧ 由 Miyuki 分享
DAY 24

[Day24] 魔法重構:細節至上,使用 Fragments 模組化 GraphQL Document

在程式設計的世界中,重構是一種藝術。而當我們處於 GraphQL 的領域時,如何保持我們的 Document 乾淨且模組化就成為了一個重要的議題。Fragmen...

2023-10-09 ‧ 由 Miyuki 分享
DAY 25

[Day25] Vue 中的 GraphQL 變數策略及其缺陷探討

本文將重點探討 GraphQL 變數如何在 Vue 中使用,並了解這些變數策略背後可能存在的缺陷。通過實際的程式碼範例,我們會揭示可能出現的問題點並提供相對應的...

2023-10-10 ‧ 由 Miyuki 分享
DAY 26

[Day26] Vue 與 GraphQL 複雜查詢的性能優化

當我們在 Vue 中使用 GraphQL 進行複雜查詢時,性能調教成為一個重要的話題。在這篇文章中,我們將探討如何優化這些查詢以提高效能,並介紹一些常見的問題以...

2023-10-11 ‧ 由 Miyuki 分享
DAY 27

[Day27] Directives 在 Vue 與 GraphQL 的衝突與整合

Directives 對於 Vue 的開發者,指令(Directives)是必須熟悉的概念。然而,GraphQL 中也存在相同名稱的 "指令&quot...

2023-10-12 ‧ 由 Miyuki 分享
DAY 28

[Day28] 高階技能:管理多重來源的 Apollo Client 與精確的快取策略

當我們在 Vue 應用中同時使用多個 GraphQL 伺服器來源時,如何有效管理這些來源並同時維護其快取策略就顯得尤為重要。在此文章中,我們將深入探討如何進行這...

2023-10-13 ‧ 由 Miyuki 分享
DAY 29

[Day29] Vue Apollo Composition API 的雙重查詢問題

當使用 Vue Apollo Composition API,許多開發者可能會發現當相同的查詢在兩個不同的組件中使用時,onResult 只會被呼叫一次。這可能...

2023-10-14 ‧ 由 Miyuki 分享
DAY 30

[Day30] Vue 與 GraphQL:打造安全的使用者驗證與授權流程

當 Vue 應用程式結合 GraphQL 進行資料互動時,確保資料的安全性就變得尤為重要。此篇文章將深入探討如何在 Vue 與 GraphQL 的結構中實現進階...

2023-10-15 ‧ 由 Miyuki 分享