接下来我们将会为 File-X 客户端添加事件评论的评论功能。评论相关的功能有：

• 查看评论列表
• 创建评论
• 回复评论
• 修改评论
• 删除评论

我们可以看到，这个跟“事件”包含的功能还是挺像的，所以这一部分，我们就当作第一阶段的功能小结。那么我们就直接撸起袖子，开始干！！！

继续阅读 →

上一个教程，我们的应用已经可以以“当前用户”的身份来调用数据。那么，其实我们的应用已经可以“当前用户”的身份来，创建、发布、删除的“事件”的能力了。

用户的 Token 其实是有使用范围的限制的，只是现在我们的应用已经获得的相关的授权，所以这里先不要考虑中。更多 OAuth 2.0 Scope 的介绍可以查看： OAuth Scopes

这一部分教程，我们改变一下编写代码的步骤。不再以页面的角度来一步一步进行开发，而是从代码层次的角度展开工作。

继续阅读 →

完成上一教程的“额外任务”后，我们现在可以开始编写“我的”页面了。

继续阅读 →

在上一教程中，我们已经成功调用 File-X API 来获取数据。接下来，我们对发现页面进行优化，添加滚动加载以及下拉刷新的功能，并且调整“事件”的展示

滚动加载及下拉刷新

滚动加载以及下拉刷新在现在的手机页面上还是比较常见的功能。这里我们将使用 react-infinite-scroll-component 这个第三方组件来实现这个功能。

继续阅读 →

我们开始制作第一个路由页面——“发现”页面。在开始制作页面之前，我们需要先分析一下页面上的内容，看看这个页面上有什么内容，这些内容是怎么摆放的。

页面分析

在开始编码之前，我们先查看一下“设计稿”。

从布局上来讲，我们可以将“发现”页面的内容分为三部分，“头部（页面标题）”、“内容（事件列表）”，“底部（页面导航）”。

从内容上来讲，中间是个事件列表。我们需要调用 File-X API 来获取数据，并在页面中进行渲染

继续阅读 →

使用 create-react-app 创建项目

我们的项目使用 create-react-app 这个官方脚手架来初始化项目。

Create React App is an officially supported way to create single-page React applications. It offers a modern build setup with no configuration.

继续阅读 →

本系列教程将会教大家如何使用 react 并结合 Feat 开发工程提供的 File-X API 一步一步地搭建一个第三方 File-X 客户端。

File-X 的 Feat.com 开放项目的一个功能模块。方便用户记录自己的高光时刻，并可查看周边及好友的发生的事件情况。想要了解更多，可查看 File-X API 概述 以及 File-X API 参考

通过这个系列教程，大家将会学会（了解）：

• 使用 create-react-app 创建 React 单页面应用
• 使用 react-router-dom 控制前端路由
• OAuth 2.0 Implicit Grant Type 的认证流程
• 如何调用 File-X API

继续阅读 →