React, Relay, and GraphQL

• 對 API 的理解

觀眾

• 開發人員

在2010年之後的幾年中，從本地Web平台切換到移動對應平台需要更高效的數據請求系統。當時，公司依賴於RESTful服務，這些服務由於無法適應React應用程序中的複雜請求而被證明是錯誤的，導致響應時間變慢。為了克服這一障礙， Facebook工程師創建了名為GraphQL和Relay的服務。 GraphQL通過自動化請求簡化了客戶端與API的關係，而Java Script框架Relay則管理React應用程序中的數據。 Relay和GraphQL都用於優化React應用程序的UI。

這個由講師主導的現場培訓（現場或遠程）面向希望使用GraphQL和Relay管理React應用程序中的數據的開發人員。

在培訓結束時，參與者將能夠：

• 設置必要的開發環境以啟動React應用程序的數據控制。
• 提供即時的UI響應交互。
• 將來自多個庫的數據聚合到一個方便的API中。
• 使用GraphQL和Relay進行預取。

課程格式

• 互動講座和討論。
• 大量的練習和練習。
• 在實時實驗室環境中親自實施。

課程自定義選項

• 要申請本課程的定制培訓，請聯繫我們安排。

介紹

Web Development 迴圈概述

• 版本控制、編碼、構建、測試和部署
• 流程自動化

API 的基礎知識及其  功能

• Web 架構模式：複合模式、代理模式和外觀模式
• 操作：查詢和變更

準備開發環境

• 準備代碼倉庫（GitHub、GitLab 等）
• 安裝 NPM
• 準備文件依賴項

開發 應用程式

• 創建載入資料資料資料夾內容的數據儲存
• 創建伺服器檔並配置 GraphQL
• 運行 React，將 Relay 作為 JavaScript 框架
• 使用預提取自動執行工作
• 使用不同的查詢，定義屬性以查找關鍵數據
• 使用 Relay 拆分代碼數據

測試應用程式

• 使用 JSHint 尋找程式碼錯誤
• 使用 web.dev 測試優化

保護應用程式

• 對用戶進行身份驗證

故障排除

總結和結論