使用 React 制作 File-X 客户端系列教程

使用 React 制作 File-X 客户端系列教程

本系列教程将会教大家如何使用 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

本系列教程分为两个阶段。第一阶段,实现基础的目标功能(能用)。第二阶段,在第一阶段的成果上进行优化(相对好用)。

现在我们先来看看第一阶段的目标效果:

功能点

  • 查阅公共事件流
  • 查阅用户事件列表
  • OAuth 2.0 implicit 授权流程
  • 查看当前用户的事件列表
  • 创建/发布事件
  • 删除事件
  • 添加、修改、删除、回复评论

目录

标题
项目初始化
编写“发现”页面
优化“发现”页面
使用 OAuth 2.0 Implicit Grant 机制获取用户授权
事件管理 — 创建、发布、删除
事件的评论 — 添加、修改、删除、回复

发表评论

您的电子邮箱地址不会被公开。

您可以使用以下 HTML标签和属性:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Captcha Code