让我们使用AWS AppSync和React来创建一个ToDo应用吧。首先是开始
由于AWS AppSync在去年12月的AWS re:Invent 2017上进行了公开预览发布，现在已经申请成功了。接下来，我们将以创建ToDo应用程序为例，介绍在使用AppSync + React构建Web应用程序时的流程。
这篇文章所涉及的内容
在这篇文章中，我们将按照顺序逐步解释GraphQL模式的定义以及在React中实现客户端的过程。我们将根据AWS官方文档中的Designing a GraphQL API来创建一个ToDo应用程序的模式。
如果你只是想快速地运行一些示例，我建议你参考以下文章的内容，并试着运行AWS官方提供的示例。这样做对于我自己来说也是最初的时候，我通过运行这些示例来获得了一定的了解。
-
- AWS AppSync (Preview)を試してみた -Qiita
- 【新サービス】マネージドGraphQLサービス「AWS AppSync」のプレビュー版を使ってみた -Developers.IO
目录
由于这篇文章可能会变得很长，所以我会分几次介绍内容。
-
- 使用AWS AppSync和React来创建一个ToDo应用程序 (0)简介
-
- 使用AWS AppSync和React来创建一个ToDo应用程序 (1)定义GraphGL模式
-
- 使用AWS AppSync和React来创建一个ToDo应用程序 (2)配置DataSource和Resolver
- 使用AWS AppSync和React来创建一个ToDo应用程序 (3)创建React应用程序
前置知識
GraphQL 是一种查询语言和运行时环境，用于从客户端向服务器请求数据。
在AWS AppSync中，当从客户端发出查询API的请求时，使用GraphQL。如果参考以下文章等对概述有一定了解，应该就没问题了。
-
- GraphQL入門 – 使いたくなるGraphQL -Qiita
- GraphQL Overview -AWS
反应
本次文章中，AWS提供了客户端库，我们将使用最简单的React进行客户端实现。将使用的库是aws-appsync，它在内部使用Redux，所以如果有接触过React + Redux会更好。
请留意
本文介绍了根据2018年1月22日AWS AppSync的公共预览来撰写的内容。
