https://github.com/zhengxs2018/koa-hooks
react hooks & koa 风格的轻量级 web 框架
https://github.com/zhengxs2018/koa-hooks
framework koa react-hooks web
Last synced: 4 months ago
JSON representation
react hooks & koa 风格的轻量级 web 框架
- Host: GitHub
- URL: https://github.com/zhengxs2018/koa-hooks
- Owner: zhengxs2018
- License: other
- Created: 2020-04-14T13:16:42.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-05-12T01:12:57.000Z (about 4 years ago)
- Last Synced: 2025-01-07T23:53:26.510Z (5 months ago)
- Topics: framework, koa, react-hooks, web
- Language: TypeScript
- Homepage: https://zhengxs2018.github.io/koa-hooks/
- Size: 1.03 MB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React.js hooks + koa.js 风格的轻量级 web 框架
[](https://github.com/prettier/prettier)
React.js hooks + koa.js 风格的轻量级 web 框架。
## 相关文章
* [写一个 react hooks + koa 风格的 web 框架](https://juejin.im/post/6844904127382683655)
* [给 session 安排 useEffect 和 memo 会是种什么样的开发体验？](https://juejin.im/post/6844904128808747022)
## 安装
koa-hooks requires node v10 or higher for ES2015 and async function support.
```bash
$ npm install @zhengxs/koa-hooks --save
```
## 示例代码
**hello,world**
```javascript
import { use, listen } from '@zhengxs/koa-hooks'
use(async ctx => {
ctx.body = `hello,world`
})
listen(8080, () => {
console.log('Liston http://127.0.0.1:8080')
})
```
**路由匹配 和 重定向**
```javascript
import { Server } from 'http'
import { use, route, redirect, urlFor, listen } from '@zhengxs/koa-hooks'
route('product.detail', '/api/product/:id', ctx => {
ctx.status = 200
ctx.type = 'application/json'
ctx.body = ctx.params
})
route('/api/user/info', () => {
console.log('用户未登陆，跳转到登陆页')
redirect(urlFor('login'))
})
route('login', '/login', ctx => {
ctx.body = 'This login page.'
})
use(ctx => {
ctx.body = `hello,world`
})
listen(8080, function onReady() {
console.log('Liston http://127.0.0.1:8080')
})
```
## 启动项目
你需要安装 [node.js][node.js] 的版本为 `nodejs >= 8.0`。
克隆此仓库后运行:
```shell
# 安装依赖，推荐使用 yarn 安装
$ npm install
# 启动示例
$ npm run dev
```
在 `package.json` 文件的 `scripts` 部分还有一些其他脚本可用.
## 版本发布
```bash
# 更新版本号，内置代码检查
$ npm version
# 发布代码包，自动代码
$ npm publish
```
可使用 `npm version --help` 查看帮助信息
## 感谢
感谢这些开源贡献给予的灵感，以下排名不分先后。
- [Koa.js][koa]
- [React.js][react]
- And more
[node.js]: https://nodejs.org/
[koa]: https://github.com/koajs/koa
[react]: https://github.com/facebook/react