React + Node 单页应用「一」前端搭建

时间:2023-03-08 16:41:53
React + Node 单页应用「一」前端搭建

项目地址

预览地址

原文地址

记录最近做的一个 demo,前端使用 React,用 React Router 实现前端路由,Koa 2 搭建 API Server, 最后通过 Nginx 做请求转发。

这是第一篇,主要介绍下前端代码的构建、React router 使用中遇到问题,以及前端开发完成后部署相关工作。

功能介绍

GitCard 可以通过 GitHub 授权获取用户基本信息

  • 在首页模块,可以查看最近登录的用户,并点击头像查看该用户的详细信息
  • /Comment 模块中可以发表评论,并删除自己的评论
  • /Detail 模块中可以查看用户在 Github 上的基本信息(代码库,Follower、Following 以及更多开发的信息),你可以在这个基础上做更多有意思的事情,支持 Follow 和 Unfollow 操作,当然,你可以加上 Star 和 Unstar 操作,异曲同工。