iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

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

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

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

[Day01] 踏入神秘的新手村:為什麼選擇 Vue & GraphQL?

心之所動:參賽的初衷 筆者現職為資深全端工程師。在過去的一年中,首次在熟悉的前端框架 Vue 裡涉足 GraphQL 的開發。途中遭遇了許多出乎意料的挑戰,但...

2023-09-16 ‧ 由 Miyuki 分享
DAY 2

[Day02] 旅程的第一步:使用 Replit 快速打造你的第一個 GraphQL 查詢

今日,我們將透過 Replit 體驗 GraphQL 的魔法,只需一個點擊,毋需複雜的設定和安裝過程,即可在完整的開發環境中盡情試玩 GraphQL 查詢。這非...

2023-09-17 ‧ 由 Miyuki 分享
DAY 3

[Day03] GraphQL 魔法起源:為何它比 RESTful API 更適合你?

身為現代的 Web 應用開發者,串接 API 已成為日常不可或缺的技能。 目前,最受歡迎的兩種選擇是 GraphQL 和 RESTful API,它們擁有著截...

2023-09-18 ‧ 由 Miyuki 分享
DAY 4

[Day04] GraphQL 核心:探索 Query、Graph 和 Schema 的設計哲學

工欲善其事,必先利其器,今天來聊聊 GraphQL 的基礎核心概念。 雖然有許多現成的工具可以幫助開發者迅速搭建 GraphQL 應用,但要真正掌握一項技術,...

2023-09-19 ‧ 由 Miyuki 分享
DAY 5

[Day05] GraphQL 元件:客戶端 Client、伺服器 Server 和工具解析

在上一篇文章中,我們探討了 GraphQL 的核心設計哲學。 今天,我們將延續這趟旅程,進一步解析 GraphQL 的核心元件:客戶端 (Client)、伺服...

2023-09-20 ‧ 由 Miyuki 分享
DAY 6

[Day06] Apollo 概覽:Vue & GraphQL 開發的最佳夥伴

在現今的 Web 開發環境中,整合不同的技術與工具成為一個重要的趨勢。 今天,我們將深入探索 Apollo — 一個為 GraphQL 打造的解決方案,以及它...

2023-09-21 ‧ 由 Miyuki 分享
DAY 7

[Day07] 新手試煉:從零開始打造 Vue & GraphQL 專案與開發環境

今天,我們將一步步地使用 Vite 從零開始建立 Vue 3 & GraphQL 的專案,從開發環境的設置到必要套件的安裝。 如果你是完全沒有經驗的初...

2023-09-22 ‧ 由 Miyuki 分享
DAY 8

[Day08] 神兵利器:開發 Vue & GraphQL 在 VSCode 與 WebStorm 的最佳配置,以及那些 DevTools

開發者們很可能都有過這種經驗:經過數小時的奮鬥,終於完成了一段功能完整的程式碼。但當測試執行時,卻因為一個小小的拼寫錯誤 (typo) 而導致程式失敗。 這種...

2023-09-23 ‧ 由 Miyuki 分享
DAY 9

[Day09] 召喚伺服器:Mock GraphQL Server 與快速測試 GraphQL 技巧

前端開發者一定碰過這種頭痛事:急著想要展示原型或驗證某些功能時,但後端的 API 卻還沒準備好... 或者,看了本系列文章後,你對 GraphQL 產生了濃...

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

[Day10] GraphQL 的語言學:深入查詢語法,描述資料的藝術與結構

從客戶端或前端的角度看,當我們提及 GraphQL 的核心概念時: GraphQL文檔 (Document) 和 GraphQL操作 (Operation)...

2023-09-25 ‧ 由 Miyuki 分享