GraphQL 從入門到實踐

Blackjun 發布于2019-08-26 13:36 / 495人閱讀

摘要：本文實例代碼什么是是一種面向數據的查詢風格。概述前端的開發隨著框架全面普及，組件化開發也隨之成為大勢所趨，各個組件分別管理著各自的狀態，組件化給前端仔帶來便利的同時也帶來了一些煩惱。

本文首先介紹了 GraphQL，再通過 MongoDB + graphql + graph-pack 的組合實戰應用 GraphQL，詳細闡述如何使用 GraphQL 來進行增刪改查和數據訂閱推送，并附有使用示例，邊用邊學印象深刻~

如果希望將 GraphQL 應用到前后端分離的生產環境，請期待后續文章。

本文實例代碼：Github

0. 什么是 GraphQL

GraphQL 是一種面向數據的 API 查詢風格。

傳統的 API 拿到的是前后端約定好的數據格式，GraphQL 對 API 中的數據提供了一套易于理解的完整描述，客戶端能夠準確地獲得它需要的數據，沒有任何冗余，也讓 API 更容易地隨著時間推移而演進，還能用于構建強大的開發者工具。

1. 概述

前端的開發隨著 SPA 框架全面普及，組件化開發也隨之成為大勢所趨，各個組件分別管理著各自的狀態，組件化給前端仔帶來便利的同時也帶來了一些煩惱。比如，組件需要負責把異步請求的狀態分發給子組件或通知給父組件，這個過程中，由組件間通信帶來的結構復雜度、來源不明的數據源、不知從何訂閱的數據響應會使得數據流變得雜亂無章，也使得代碼可讀性變差，以及可維護性的降低，為以后項目的迭代帶來極大困難。

試想一下你都開發完了，產品告訴你要大改一番，從接口到組件結構都得改，后端也罵罵咧咧不愿配合讓你從好幾個 API 里取數據自己組合，這酸爽

GPU云服務器云服務器 python3入門到實踐 spark從入門到前端從入門到精通云計算從入門到精通

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109157.html

GraphQL 搭配 Koa 最佳入門實踐

摘要：如下圖嗯，如圖都已經查詢到我們保存的全部數據，并且全部返回前端了。如圖沒錯，什么都沒有就是查詢服務的界面。寫好了之后我們在配置一下路由，進入里面，加入下面幾行代碼。 GraphQL一種用為你 API 而生的查詢語言，2018已經到來，PWA還沒有大量投入生產應用之中就已經火起來了，GraphQL的應用或許也不會太遠了。前端的發展的最大一個特點就是變化快，有時候應對各種需求場景的變化，不...

MoAir 2019-08-21 18:39 評論0 收藏0
21 分鐘學 apollo-client 系列：獲取數據

摘要：分鐘學是一個系列，簡單暴力，包學包會。一旦組件掛載后，會自動進行數據請求，前提是客戶端提供的和后端的相符。如果回調返回直接不作請求。在組件內進行分頁請求之前提到了，這個裝飾器為添加了對象，其中有個函數為。 21 分鐘學 apollo-client 是一個系列，簡單暴力，包學包會。搭建 Apollo client 端，集成 redux使用 apollo-client 來獲取數據修改本...

robin 2019-08-22 11:10 評論0 收藏0
專治前端焦慮的學習方案

摘要：不過今天我希望能夠更進一步，不僅僅再抱怨現狀，而是從我個人的角度來給出一個逐步深入學習生態圈的方案。最后，我還是想提到下對于的好的學習方法就是回顧參照各種各樣的代碼庫，學習人家的用法與實踐。本文翻譯自A-Study-Plan-To-Cure-JavaScript-Fatigue。筆者看到里面的幾張配圖著實漂亮，順手翻譯了一波。本文從屬于筆者的Web Frontend Introduc...

codeGoogle 2019-08-21 14:41 評論0 收藏0
GraphQL 的入門指南

摘要：允許創建零配置的服務器。這是一種人類可讀的模式語法，稱為規范與描述語言。類型是表示外觀的自定義對象。為此，創建一個名為的新查詢。這意味著無論何時在服務器中發生事件，并且每當調用該事件時，服務器都會將相應的數據發送到客戶端。 showImg(https://segmentfault.com/img/bVbm0c1?w=2560&h=1024); 想閱讀更多優質文章請猛戳GitHub博客,...

馬忠志 2019-08-16 14:20 評論0 收藏0