# react-koa-sbase

> fullstack framework, superproject base.

Latest version **0.0.5** (published 2017-01-05) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install react-koa-sbase
pnpm add react-koa-sbase
yarn add react-koa-sbase
bun add react-koa-sbase
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.5 |
| Published | 2017-01-05 |
| First published | 2017-01-04 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=6.7.0 |
| Dependencies | 27 |
| Known vulnerabilities | 0 (+5 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | dongwenxiao |
| Maintainers | dongwenxiao |
| Keywords | es6/7, fullstack, react, react-server-render, react-router, redux, koa2, webpack2, redis, mongodb, http2, socket.io |

## Links

- npm: https://www.npmjs.com/package/react-koa-sbase
- Repository: https://github.com/dongwenxiao/react-koa-sbase
- Homepage: https://github.com/dongwenxiao/react-koa-sbase#readme
- Issues: https://github.com/dongwenxiao/react-koa-sbase/issues
- npm.io page: https://npm.io/package/react-koa-sbase

## Dependencies (27)

- [co](https://npm.io/package/co.md) ~4.6.0
- [koa](https://npm.io/package/koa.md) ~2.0.0-alpha.7
- [md5](https://npm.io/package/md5.md) ~2.2.1
- [sha1](https://npm.io/package/sha1.md) ~1.1.1
- [react](https://npm.io/package/react.md) ~15.4.1
- [redux](https://npm.io/package/redux.md) ~3.6.0
- [yargs](https://npm.io/package/yargs.md) ~6.0.0
- [mongodb](https://npm.io/package/mongodb.md) ~2.2.16
- [koa-json](https://npm.io/package/koa-json.md) ~1.1.1
- [koa-log4](https://npm.io/package/koa-log4.md) ~2.0.2
- [koa-views](https://npm.io/package/koa-views.md) ~5.0.1
- [react-dom](https://npm.io/package/react-dom.md) ~15.4.1
- [koa-multer](https://npm.io/package/koa-multer.md) ~1.0.0
- [koa-router](https://npm.io/package/koa-router.md) ~7.0.0
- [koa-static](https://npm.io/package/koa-static.md) ~3.0.0
- [koa-convert](https://npm.io/package/koa-convert.md) ~1.2.0
- [koa-onerror](https://npm.io/package/koa-onerror.md) ~2.0.0
- [react-redux](https://npm.io/package/react-redux.md) ~4.4.6
- [redux-thunk](https://npm.io/package/redux-thunk.md) ~2.1.0
- [koa-compress](https://npm.io/package/koa-compress.md) ~2.0.0
- [react-router](https://npm.io/package/react-router.md) ~3.0.0
- [koa-bodyparser](https://npm.io/package/koa-bodyparser.md) ~3.2.0
- [node-native-zip](https://npm.io/package/node-native-zip.md) ~1.1.0
- [isomorphic-fetch](https://npm.io/package/isomorphic-fetch.md) ~2.2.1
- [koa-html-minifier](https://npm.io/package/koa-html-minifier.md) ~1.0.1
- [koa-response-time](https://npm.io/package/koa-response-time.md) ~2.0.0
- [react-router-redux](https://npm.io/package/react-router-redux.md) ~4.0.7

## Alternatives

- [memory-cache](https://npm.io/package/memory-cache.md) — 795.0K weekly downloads
- [@httptoolkit/proxy-agent](https://npm.io/package/@httptoolkit/proxy-agent.md) — 11.2K weekly downloads
- [express-cache-controller](https://npm.io/package/express-cache-controller.md) — 5.3K weekly downloads
- [http-cache-middleware](https://npm.io/package/http-cache-middleware.md) — 4.5K weekly downloads
- [cache2](https://npm.io/package/cache2.md) — 1.5K weekly downloads

## Recent versions

- 0.0.5 (latest) — 2017-01-05
- 0.0.4 — 2017-01-04
- 0.0.3 — 2017-01-04
- 0.0.2 — 2017-01-04
- 0.0.1 — 2017-01-04

## README

# React-Koa-SBase [Superproject Base]

## 独白

> 技术是用来解决问题的 <br>
> 所以技术框架是要解决一系列问题的 ... <br>
> 往往在解决问题的过程中又产生了新的问题，所以... <br>
> 不断的解决问题...生产问题...再解决..再生产... <br>
> It's my life. <br>

## 核心扩展

```
middlewares [client|server]
routers [client|server] - features
modules [client|server]
```

## 运行

建议：中国用户建议使用cnpm加速下载依赖
```
npm i cnpm -g
```

如果安装了cnpm可以把👇的```npm i```改成```cnpm i```执行<br>
运行example
```
cd superproject && npm i
npm start
```

在浏览器打开：```http://localhost:3000/about```

## 技术栈(计划使用)

组件化 - React <br>
状态管理 - Redux <br>
路由 - React-Router <br>
同构 - React RenderToString <br>
Style导入 - wapper-css-loader <br>
打包工具 - webpack2 <br>
组件库 - Material-UI <br>
CSS编译 - Sass <br>
ES6\7编译 - Babel <br>

单元测试 - Mocha <br>

HTTP服务 - Koa2 <br>
静态服务器 - 七牛云 <br>
缓存服务 - Redis <br>
数据库 - MongoDB <br>

NodeJS进程管理 - PM2 <br>
HTTP反向代理 - Nginx <br>

环境容器 - Docker <br>

代码管理 - Git <br>
持续集成 - Jenkins <br>

## 接口

> Client

```
import { redux, router, createConfigureStore, run } from 'superproject/client'

client.redux.use() redux中间件
client.redux.reducer.use() redux的reducer挂载
client.router.use() react-router挂载
client.run()
```

> Server

```
import { middleware, router, commonMiddlewares, run } from 'superproject/server'

server.middleware.use() koa-middleware中间件
server.router.use() koa-router挂载
server.run()
```


## 相关

> 服务端中间件(Koa)

Middleware | Description
----|------
[react-isomorphic-koa-middleware](https://github.com/dongwenxiao/react-isomorphic-koa-middleware) | React在服务端渲染的中间件


> 客户端中间件(React)

Hoc：High Order Component 高级组件

Hoc | Description
----|------|----
[react-import-style](https://github.com/dongwenxiao/react-import-style) | 辅助组件加载样式


> webpack-loader

Loader | Description
----|------|----
[wrapper-css-loader](https://github.com/dongwenxiao/wrapper-css-loader) | 把css外包一层class，避免命名冲突

---
_Source: https://npm.io/package/react-koa-sbase · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._