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 测试优化

保护应用程序

• 对用户进行身份验证

故障 排除

总结和结论