資料庫 用 useMutation 寫入資料:新增 / 更新都搞定 By徐培鈞 2025 年 5 月 22 日2025 年 5 月 22 日 GraphQL 不只有查詢資料(Query),也可以新增、更新、刪除資料(Mutation)。 在前端使用 Apollo Client 時,useMutation 就是我們操作伺服器資料的主力工具。 ...
資料庫 GraphQL 變數用法完整指南:從入門到實作 By徐培鈞 2025 年 5 月 21 日2025 年 5 月 21 日 在學習 GraphQL 的初期,我們常常會直接把參數值寫在查詢語法中,例如: query { getUser(id: “123”) { name email } } 這樣雖然可以正確執行,但隨著專案變...
資料庫 GraphQL 命名層級差異全解析:Operation Name VS Schema Function Name By徐培鈞 2025 年 5 月 21 日2025 年 5 月 21 日 在使用 GraphQL 查詢資料時,我們經常會看到查詢語法中出現多個名稱,像是: query GetUser($id: ID!) { user(id: $id) { id name email } }...
資料庫 前端如何查看 GraphQL Schema?完整指南 By徐培鈞 2025 年 5 月 18 日2025 年 5 月 18 日 在開發使用 GraphQL 的應用時,了解後端的 Schema 結構是非常重要的第一步。 GraphQL Schema 定義了有哪些資料可以查詢(Query)、可以修改(Mutation),以及這些資...
資料庫 用 useQuery 拿資料:GraphQL 查詢入門指南 By徐培鈞 2025 年 5 月 14 日2025 年 5 月 14 日 當你開始在 React 中使用 Apollo Client 整合 GraphQL,最常遇到的第一個需求就是「從後端拿資料」。 這時候,Apollo 提供的 useQuery hook 就是你最好的工具...
資料庫 Apollo Client 入門指南:現代 React App 的 GraphQL 最佳搭檔 By徐培鈞 2025 年 5 月 12 日2025 年 5 月 12 日 GraphQL 雖然帶來了靈活的資料查詢方式,但在實務開發中,前端開發者仍然會遇到不少難題。 例如: 如何方便地送出查詢與變更? 如何有效管理 loading、error 與資料狀態? 如何避免重複請...
資料庫 GraphQL 前端請求完整指南:HTTP 傳輸原理與變數(Variables)用法解析 By徐培鈞 2025 年 5 月 11 日2025 年 5 月 12 日 GraphQL 作為現代 API 設計的代表,不再像傳統 REST API 一樣,每個資源對應一條 endpoint,而是透過一個統一的入口,讓前端自行描述需要的資料結構。 這種靈活性大幅提升了開發效...
資料庫 GraphQL Codegen 是什麼?從零開始了解自動化產生 TypeScript 型別的神器 By徐培鈞 2025 年 5 月 10 日2025 年 5 月 10 日 在開發使用 GraphQL 的前後端系統時,常見挑戰之一就是「維護型別一致性」。 當你在後端定義了一份 GraphQL schema,前端開發者也需要手動撰寫對應的型別定義,這不僅麻煩,還容易出錯。 ...
資料庫 探索 .graphql 檔案:前端與後端如何分工協作? By徐培鈞 2025 年 5 月 8 日2025 年 5 月 8 日 當你第一次接觸 GraphQL,可能會感到困惑: 「我在專案中看到很多 .graphql 檔案,有些在後端、有些在前端,到底誰該寫什麼?這些檔案是在做什麼用?」 事實上,.graphql 是一種純文字...
資料庫 為什麼 GraphQL Resolver 是以欄位為單位觸發?從根本理解查詢邏輯 By徐培鈞 2025 年 5 月 6 日2025 年 5 月 6 日 GraphQL 是一種查詢語言(Query Language),它讓前端可以精確地定義需要的資料欄位,只拿想要的資料、不多不少。 然而,如果你是從 REST API 或資料庫查詢背景轉過來的新手,會對...