Skip to content

jiaoxuebing2014/react-server-render

Repository files navigation

Visual

服务器端渲染WEB APP

技术栈

  • [React]
  • [React Router 3.x]
  • [Mobx]
  • [axios]
  • [Sass]
  • [PostCSS]
  • [Koa 2.x]
  • [Webpack 1.x]
  • [Babel]
  • [Hot Module Replacement]
  • [pm2]
  • Database
  • Test Framework

开始

  • 需要Node.jsV6以上版本
  • npm install 安装依赖
  • npm run dev 启动开发环境
  • npm run build 编译文件
  • npm start 部署生产服务器

目录结构

visual/                                      // 根目录
├── build/                                   // webpack 配置
│     ├── webpack.dev.config.js                 // DEV环境
│     └── webpack.prod.config.js                // RPD环境
├── client/                                  // 客户端目录
│     ├── config/                               // 配置
│     ├── containers/                           // 页面容器
│     ├── mixin/                                // scss mixin
│     ├── app.js                                // 入口JS
│     ├── app.scss                              // 公共SCSS
│     └── app.state.js                          // 全局State
├── dist/                                    // 编译输出目录
│     ├── client/                               // 客户端
│     └── server/                               // 服务端
├── server/                                  // 服务端目录
│     ├── controllers/                          // 控件器
│     ├── middlewares/                          // 中间件
│     ├── models/                               // models
│     ├── routes/                               // routes
│     ├── app.js                                // 在服务器上创建KOA实例
│     ├── server.dev.js                         // 开发模式下的入口文件
│     └── server.prod.js                        // 生产模式下的入口文件
├── views/                                   // 视图目录
│     ├── dev/                                  // 开发模式下生成的输出文件
│     ├── prod/                                 // 生产模式下生成的输出文件
│     └── tpl                                   // 模板
├── .eslintignore
├── .eslintrc
├── .gitattributes
├── .gitignore
├── LICENSE
├── package.json
└── README.md

第三方库

  • [antd-mobile]
  • [html2canvas]
  • [svg.js]
  • [f2]
  • [validator]
  • Phaser

About

react服务端渲染(持续更新中。。。喜欢的话请点star,要订阅点watch!)借鉴:https://github.com/chikara-chan/react-isomorphic-boilerplate

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published