關於昨天的 project ，發現有些太貪心了...一天之內完全不可能講完，所以先放上 CodeSandbox 範例，最後的成果如下： 有興趣的可以自己去...
接著就來做登入/註冊/登出功能吧！但因為這個功能較為複雜，讓我們分為兩天來寫。今天先講個大綱，明天再來實作！ Authentication 方法 Autho...
今天再來加入兩個新功能！ 文章按讚 刪除文章 主要會介紹到如何在 Query component 中使用 Mutation component ，以及 M...
讓我來接著來練習如何使用加入 mutation ，來實作一個簡單的部落格發文系統吧！ 今天目標： 展示自己的文章列表 (僅標題) 展示單篇文章 (標題 +...
我們今天要來介紹 Apollo Client ，這個套件是目前 GraphQL + React 最有名的套件之ㄧ，而且可以支援其他框架。 今天會簡單介紹如何設...
今天想要介紹 Mutation 的一些設計上的習慣與技巧！ 1. Mutation Input 設計 mutation 的設計越簡潔越好，以最少的參數來實現...
今天想要介紹 Mutation 的一些設計上的習慣與技巧！ 設計符合商業邏輯的 Mutation 接續前面講的 Anemic Object 問題，在 Mut...
今日主題 設計時的好習慣 (續) 常見 Design Pattern 專注在 Business Logic 的思考 設計時的好習慣 (續) Custom...
總結了這麼多天，講了很多關於 GraphQL 的技巧，但是會了技術還要會心法！我當初寫文章的本意就是希望加上一些進階一點的內容，包括「如何設計好一個 Sch...
雖然之前實作有提過，不過今天還是要來詳細介紹在 GraphQL 如實作 Authentication 及 Authorization !比起 RESTful...
今天會來講解一系列使用 GraphQL 會遇到的安全問題！其實大部分問題在各類型 API 系統都會遇到，只是 GraphQL 的一些特性使得攻擊起來更容易，而...
隨著系統逐漸成長，資料量也逐漸上升，我們也會開始面臨資料呈現與管理的問題。過多的資料難以顯示且效能低落，因此我們開始思考如何在分批索取資料的同時，又能夠不影響...
今天簡單介紹一下 Apollo 的一個測試神器！ Mocking~~ 很多時候我們後端的開發速度趕不上前端的需求，我們這時候就需要一些假資料先讓前端可以跑或是...
今天來介紹 GraphQL 的 Interface 與 Union 功能，這兩個 type definition 可以幫助我們在 GraphQL 做到多型 (...
今天來跟大家介紹 GraphQL 的一個較少被人用到但十分好用的技巧: Diretives。比較常用於修飾 Schema 的定義來實現一些額外的功能或檢查。實...
打造一個 GraphQL API Server 應用：部落格社交軟體 - 3 (環境變數 & 整理) 終於來到實戰文章第三篇了，其實當初想說晚一點釋出...
在前面一篇講解完基本的功能後，就來講一項 API Server 常見的功能： Authentication & Authorization 。 通常登入...
連續看了這麼多天介紹，今天就來一次整合來開發一個完整的服務吧！前面舉的例子就剛好來讓我們開發一個部落格 + 好友系統 ! 如果不清楚或忘了怎麼開始 proje...
上一篇中，我們完成了一個簡單的Index頁面。今天，我們再加一些功能：1）在文章中設定是否為草稿，若是，則index不顯示，這可以透過GraphQL的filte...
在 Resolver field 時，預設傳進來的參數無疑是非常強大的幫手，但要搞懂它並不容易。 我自己在剛開始學習時，因為 JS 不會強制規定參數名稱，所以...
上一篇中，我們用GraphiQL測試了GraphQL的查詢。今天，我們就要用這些查詢來打造一個Index頁面。 YouTube 影片 加入GraphQL 打開...
今天要介紹 GraphQL 三大支柱之二的 Mutation 。相比 Query 負責資料的取得，凡是資料更改或新增都屬於 Mutation 的負責範圍。與...
Gatsby提供了一個叫做 GraphiQL 的工具，幫助我們測試網站上的GraphQL查詢。GraphiQL提供一個可視化界面，讓我們可以直觀地看到查詢的結果...
今天的內容可以用這張圖來表示： 可以看到內容涵括 Operation Name, Aliases, Fragment, Arguments, Variabl...
上一篇中我們準備好了Markdown、post template，以及相應的一些GraphQL query，今天就要使用Gatsby提供的createPages...
今天要來介紹一些進階的 Type syntax 並且實作 Resolver 一個強大的特性，也就是 Field Resover 。這一個強大的設計讓 Grap...
Gatsby可以以Markdown作為資料來源自動產生頁面，這讓我們可以輕易的建立Blog之類的網站：寫blog只需寫markdown。 YouTube Vid...
架好 local project 後，我們就來聊聊組成 GraphQL Server 的三大靈魂： Schema 、 Resolver 以及 Web Serv...
和WordPress一樣，Gatsby.js也有plugin系統，透過NPM安裝。你可以在Gatsby.js 官網找到所有plugin。今天我們要學習怎樣安裝p...
今天要介紹的內容很簡單：如何在Gatsby中新增頁面。新增頁面的方法不只一種，今天先介紹最簡單的方法。 YouTube Video: layout.js vs...
fx777
Zack
iThome鐵人賽
看影片追技術