Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dlyt/react-koa-login
koa2 + react + react-router(4.0) + redux + webpack + antd
https://github.com/dlyt/react-koa-login
antd koa2 react react-router redux webpack
Last synced: 13 days ago
JSON representation
koa2 + react + react-router(4.0) + redux + webpack + antd
- Host: GitHub
- URL: https://github.com/dlyt/react-koa-login
- Owner: dlyt
- Created: 2017-04-04T05:21:28.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-08-12T01:35:17.000Z (over 7 years ago)
- Last Synced: 2024-10-31T08:52:19.516Z (20 days ago)
- Topics: antd, koa2, react, react-router, redux, webpack
- Language: JavaScript
- Homepage:
- Size: 1.68 MB
- Stars: 112
- Watchers: 8
- Forks: 37
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 简介
这是一个Koa2 + React + Redux + antd 同构直出项目，内容简单，易于理解，方便扩展。
## 启动
```js
npm install
npm run dev
```
## api文档
```js
npm run docs
```
查看 http://localhost:5000/docs/
## 效果图
## 目录结构
```
.
├── bin
│ └── server.js # 启动文件
├── config
│ ├── env # 环境配置文件夹
│ └── passport.js # 封装koa-passport的一些函数
├── dist # 打包文件夹
├── docs # api文档
├── src # 程序源文件
│ ├── client # 前端文件夹
│ │ ├── actions # action
│ │ ├── components # 组件
│ │ ├── containers # 容器
│ │ ├── reducers # reducer
│ │ ├── utils # 辅助函数文件夹
│ │ ├── index.html
│ │ ├── index.js # 前端入口文件
│ │ └── routes.js # 路由
│ └── server # 后端文件夹
│ ├── middleware # 中间件
│ ├── models # 模型
│ ├── modules # api文件夹
│ ├── shared # 共享前端文件夹
│ └── utils # 辅助函数文件夹
├── index.js # 程序入口文件
├── note.md # 项目记录
└── webpack.config.js # webpack配置文件
```
## 技术栈
后端api是由`Koa2`构建，前端使用的是`react`，数据管理使用了`redux`，使用 [axios](https://github.com/mzabriskie/axios) 进行数据的请求。路由跳转使用了比较新的`react-router`的4.0版。前端样式使用了阿里的[antd](https://ant.design/index-cn)。打包工具是`wabpack`