iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

Think in GraphQL 系列

在行動裝置全面普及、商業邏輯越來越複雜以及 Micro service 崛起的時代,
REST-API 已逐漸左右支絀,
此時由 Facebook 釋出的 GraphQL 優雅地解決了許多問題,
但若一知半解就貿然引入這項技術可是會付出不小的代價(過來人 QQ)。
因此希望透過 30 天的學習紀錄,
一起快樂 (?) 地掌握這項技術也避免我重蹈的覆徹,
不只「學習 GraphQL 」,
更要「用 GraphQL 思考」!

鐵人鍊成 | 共 30 篇文章 | 285 人訂閱 訂閱系列文 RSS系列文 團隊17一起GOGOGO !! 🏊🚴‍🏃
DAY 21

GraphQL 設計: Autentication 與 Authorization 大全

雖然之前實作有提過,不過今天還是要來詳細介紹在 GraphQL 如實作 Authentication 及 Authorization !比起 RESTful...

2018-11-05 ‧ 由 fx777 分享
DAY 22

Think in GraphQL: Schema Query 設計守則 - 1

總結了這麼多天,講了很多關於 GraphQL 的技巧,但是會了技術還要會心法!我當初寫文章的本意就是希望加上一些進階一點的內容,包括「如何設計好一個 Sch...

2018-11-06 ‧ 由 fx777 分享
DAY 23

Think in GraphQL: Schema Query 設計守則 - 2

今日主題 設計時的好習慣 (續) 常見 Design Pattern 專注在 Business Logic 的思考 設計時的好習慣 (續) Custom...

2018-11-07 ‧ 由 fx777 分享
DAY 24

Think in GraphQL - Schema Mutation 設計守則 - 1

今天想要介紹 Mutation 的一些設計上的習慣與技巧! 設計符合商業邏輯的 Mutation 接續前面講的 Anemic Object 問題,在 Mut...

2018-11-08 ‧ 由 fx777 分享
DAY 25

Think in GraphQL - Schema Mutation 設計守則 - 2

今天想要介紹 Mutation 的一些設計上的習慣與技巧! 1. Mutation Input 設計 mutation 的設計越簡潔越好,以最少的參數來實現...

2018-11-09 ‧ 由 fx777 分享
DAY 26

GraphQL 前端: Apollo Client 攜手 React 擁抱 GraphQL

我們今天要來介紹 Apollo Client ,這個套件是目前 GraphQL + React 最有名的套件之ㄧ,而且可以支援其他框架。 今天會簡單介紹如何設...

2018-11-10 ‧ 由 fx777 分享
DAY 27

GraphQL 前端 (1) - 使用 React + Apollo Client 設計一個部落格系統

讓我來接著來練習如何使用加入 mutation ,來實作一個簡單的部落格發文系統吧! 今天目標: 展示自己的文章列表 (僅標題) 展示單篇文章 (標題 +...

2018-11-11 ‧ 由 fx777 分享
DAY 28

GraphQL 前端 (2) - 文章按讚及刪除文章

今天再來加入兩個新功能! 文章按讚 刪除文章 主要會介紹到如何在 Query component 中使用 Mutation component ,以及 M...

2018-11-12 ‧ 由 fx777 分享
DAY 29

GraphQL 前端 (3) - Authentication 與 Authorization

接著就來做登入/註冊/登出功能吧!但因為這個功能較為複雜,讓我們分為兩天來寫。今天先講個大綱,明天再來實作! Authentication 方法 Autho...

2018-11-13 ‧ 由 fx777 分享
DAY 30

GraphQL 前端 (4) - 部落格系統 Demo + 小結

關於昨天的 project ,發現有些太貪心了...一天之內完全不可能講完,所以先放上 CodeSandbox 範例,最後的成果如下: 有興趣的可以自己去...

2018-11-14 ‧ 由 fx777 分享