使用Typescript和React重构CNode社区

一个React和Typescript的练手项目，后台调用CNode社区提供的API，功能基本完成，演示网站部署在netlify。

等以后水平提高了会考虑重构本项目，并且增加移动端适配。

预览图

项目主要目录结构

src
├─assets
│  └─images
├─components
│  ├─Header       Header组件
│  ├─Login        登陆组件
│  ├─Pagination   分页器组件
│  ├─RecentList   侧边栏列表组件
│  ├─TopicItem    文章列表项组件
│  └─TopicList    文章列表组件
├─d.ts            全局声明
└─pages
    ├─Collect     收藏页
    ├─Detail      文章详情页
    ├─Home        首页
    └─User        用户详情页

部分源码解析

（未完成）

本地运行

使用yarn

$ git clone https://github.com/Tuzilow/cnode-react-ts.git

$ yarn install

$ yarn start

使用npm

$ git clone https://github.com/Tuzilow/cnode-react-ts.git

$ npm install

$ npm start

技术栈

  • React
  • React-Router
  • React Hooks
  • Typescript
  • ant-design
  • fetch API
posted @ 2020-07-05 01:39  Tuzilow  阅读(264)  评论(0)  编辑  收藏  举报
TOP