Jackblog react 版, 个人博客系统, 使用服务端渲染(Universal / Isomorphic), react, redux, react-router, react-bootstrap, immutablejs, redux-form等
JavaScript HTML
Latest commit bf788a8 Dec 7, 2016 @jackhutu add build-server:watch
Permalink
Failed to load latest commit information.
dist add build-server:watch Dec 7, 2016
logs v1.0.0 Jan 5, 2016
src add build-server:watch Dec 7, 2016
webpack update package Oct 1, 2016
.dockerignore update package Oct 1, 2016
.eslintrc.json update package step one May 2, 2016
.gitignore add build files Oct 1, 2016
Dockerfile add build files Oct 1, 2016
History.md update to v2.1.3 Jul 12, 2016
LICENSE done dev Jan 5, 2016
README.md update package Oct 1, 2016
nodemon.json update to v2.1.0 Apr 10, 2016
package.json add build-server:watch Dec 7, 2016
process.json update package Oct 1, 2016
server.js IE9+ support May 7, 2016

README.md

jackblog react 版

Dependency Status devDependency Status

Jackblog 是使用 Node.js + MongoDB + 其它客户端框架开发的个人博客系统,前后端分离,仿简书模板.
服务端有: express 版 , koa 版
客户端有: angular1.x 版 , angular2.x 版 , react 版 , vue 版
移动端有: react native 版, ionic2.0 版

此为客户端react版, 需要配合服务端使用.

服务端任选一种, 请预先安装并启动服务端

开发

$ git clone git@github.com:jackhutu/jackblog-react.git
$ cd jackblog-react
$ npm install
$ npm run dev

在浏览中打开http://localhost:3000

调试

  • redux-logger 默认开启, 关闭方法
webpack-> webpack.config.dev.client.js -> __DEVLOGGER__ : false
webpack-> webpack.config.dev.client.js -> __DEVTOOLS__ : true

目录结构

.
├── README.md           
├── dist                     // 项目build目录
├── logs                     // 生产环境日志目录
├── src                      // 生产目录
│   ├── actions              // redux action目录
│   ├── api                  // API 请求
│   ├── assets               // css 和图片资源
│   ├── components           // 组件
│   ├── reducers             // redux reducer目录
│   ├── store                // store配置
│   ├── util                 // 工具函数
│   └── client.js            // 客户端入口
│   └── config.js            // api url, cookie domain等配置文件
│   └── index.html           // 生产环境生成ejs文件
│   └── routes.js            // 路由配置
│   └── server.js            // 服务端渲染文件
├── webpack                  // Webpack配置目录
│   ├── webpack.config.dev.client.js        // 开发的客户端Webpack配置文件
│   ├── webpack.config.dev.server.js        // 开发的服务端渲染Webpack 配置文件
│   ├── webpack-config-prod.js              // 生产的Webpack 配置文件
├── History.md               // 更新日志
├── nodemon.json             // nodemon配置文件
├── process.json             // pm2配置文件
├── server.js                // 项目server入口文件
.

生产环境构建

$ npm run build 或 npm run start

线上布署

$ pm2 start process.json

License

MIT