URQL 的基本介紹與常見應用
URQL，全名為 Universal React Query Library。從名稱就可以看得出來，最初是基於 React 而生的 Library。 為什麼我說是「最初」呢？就是因為其強大的團隊，也開發出了支援 Vue (3) 及 Svelte 等其他前端框架。在整合度非常高的狀況下，卻又以輕便、高度客製化、多功能、簡單好上手等多樣特色聞名。 ...
GraphQL 系列文（三）：Mutation & Subscription
假設今天有個 GraphQL Schema 如下，今天需要發送一個請求，請求內容中需要拿到使用者的 ID、名稱、年紀、身高 (公分)、所有貼文的標題及內容等。 那該如何寫請求呢？答案我放在這篇文章最下方，可以先自己練習看看。 如果看不懂 Schema、或是不知道如何寫 Query，的，可以先參考系列文章的前兩篇，GraphQL 系列文（一）：透過 ...
GraphQL 系列文（二）：透過 Query 存取資料
在上一篇文章 GraphQL 系列文（一）：透過 The Schema Definition Language (SDL) 撰寫 GraphQL Schema 中有提到，GraphQL 有三種存取資料的方式 (operation type)，主要常被使用的是 Query 查詢資料，以及 Mutation 新增、編輯、刪除資料。 因為底下會直接使用 Gra...
GraphQL 系列文（一）：透過 The Schema Definition Language (SDL) 撰寫 GraphQL Schema
SDL 是建立 GraphQL Schema 的語言，而 Schema 則是定義 GraphQL API 的重要骨幹，包含資料架構格式和型別。 在了解 Schema 之前，先來了解 GraphQL 是什麼。 GraphQL GraphQL 是一個用來查詢 API 的語言 (Q...