Skip to content

Jackblog react 版, 个人博客系统, 使用服务端渲染(Universal / Isomorphic), react, redux, react-router, react-bootstrap, immutablejs, redux-form等

License

Notifications You must be signed in to change notification settings

hutuxuhui/jackblog-react

Repository files navigation

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

About

Jackblog react 版, 个人博客系统, 使用服务端渲染(Universal / Isomorphic), react, redux, react-router, react-bootstrap, immutablejs, redux-form等

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages