本文是CodePen的技术人员Cassidy在学习使用Apollo过程中总结的学习经验和心得体会。Cassidy鼓励开发者学习新的技术，成为早期使用者并为该技术的社区建立与发展做出贡献。

当人类决定尝试登陆月球时，需要从头开始为该项目发展大量的先进技术。这是一项艰苦、昂贵、且耗时的工作，并且会走很多弯路。这就是成为新技术的早期使用者的弊端。如果你正在探索一门新技术，当遇到技术难题时，周围很大可能没有经验丰富的专家可以回答你的问题。

多年来，我一直在CodePen工作，最近我们决定切换React代码顶层的堆栈，以使用Apollo和GraphQL，在这个过程中我积累了一些非常棒的学习经验。我个人很喜欢使用Apollo，它能够以非常模块化的方式管理组件，这与使用Redux管理组件的方式不同。

但是，因为Apollo是一种相对较新的技术，所以当团队采用它并随着它的发展而学习时，肯定会有一些优点和缺点。当我第一次查找Apollo相关问题的答案时，基本没有多少回答。当决定学习一些相对年轻的技术时，即使是简单的问题，也很难找到相关支持。因此，你只能自己去寻找问题的突破口，可以把这当成是一次难得的学习机会。这也意味着你可以投身到建立与塑造一个新技术的社区的过程中，同时，当其他人开始看到你提供的解决方案时，你会获得相应的回报。

Apollo是一个单一查询系统，可以帮助你在大规模项目中运行GraphQL。它为你建立了一个数据图表，让所有的微服务和客户端以完全相同的方式相互通信。为了更好地理解，让我们来看一个例子。

对于CodePen的前端，我们希望给定的组件中获得有关当前登录用户的数据。以前，如果我们想要这些信息，我们必须设置某种中间件来处理调用，或者在某处调用一些Action，或者在componentDidMount中粘贴一个API进行调用，然后确保对我们需要的所有不同数据元素进行单独调用。至少，我们需要与后端团队交谈，以确保我们能够以想要的格式获取数据。使用Apollo，我们可以在组件顶层填充一个小块，它将返回当前登录用户的ID，以及他们是否是CodePen Pro用户。代码如下所示：

const SESSION_USER = gql`
  query CreateSessionUser {
    sessionUser {
      id
      pro
    }
  }`;

现在，假设我们需要更多的数据，例如还需要获取他们的头像和用户名。我可以只修改我的查询代码，而不是进行另一次查询，或联系后端团队以将这些信息添加到API端点。修改后的查询代码如下所示：

const SESSION_USER = gql`
  query CreateSessionUser {
    sessionUser {
      id
      pro
      avatar
      username
    }
  }`;

获取到我想要的数据就是这么简单，这就是拥有单一数据图的好处。如果数据被包含在图表中，那么你就可以直接查询它，并且前端有足够的权限根据你的需求获取和使用该数据。这种新技术的出现是非常新鲜和令人兴奋的，至少在我们遇到难以解决的问题前是这个样子。

我在使用Apollo的过程中遇到的很多问题之一就是它的报错功能尚未成熟。Apollo系统返回的报错信息大都太过宽泛，所以如果你不熟悉整个Apollo的框架就很难调试对代码进行调试工作。有一次我在Stack Overflow上寻找答案，试图弄清楚组件出了什么问题，令我震惊的是没有什么答案，甚至关于Apollo的话题都没有多少。通常，当我在Stack Overflow上询问某些内容时，我可以在一小时左右获得大量答案。但是这次，我等了几个星期仍然没有收到回应。

因为没有找到有效的答案，所以我不得不深入了解并熟悉那些让Apollo能够工作的代码。我的Apollo问题得到了一些评论，但实际上在一个月的时间里并没有得到多少有效答案，最终是我自己回答了这个问题。根据遇到问题的人数来判断框架是新的还是受欢迎的，这不是很有趣吗？Vue.js目前在Stack Overflow上有大约38.5k的问题， React有超过150k的。截至这篇文章撰写的时候，Apollo仅有5000个，约三分之一来自过去6个月！

很高兴看到Apollo在开发者社区种越来越收到关注了。通过统计Stack Overflow的问题，GitHub的相关Issue，甚至是Twitter主题，你可以看到人们越来越乐于分享他们遇到的问题以及学到的新知识。

我想对开发人员说：当开始使用全新的技术时，可以尝试提出问题，撰写博客文章，在社交媒体上分享，并对发现持开放态度，因为你永远不知道可以帮助谁，分享的越多，其他人就越容易找到你并回报你的付出。

原文链接：

https://stackoverflow.blog/2019/08/28/apollo-graphql-codepen-data-microservices-early-adopter/

创作场景

Apollo 项目：成为新技术早期使用者的弊端