react automaticaly
这是一个React脚手架，没有使用create-react-app
标准的React+Redux分层结构
经过了多个项目的实践，不停的更新和优化出来的。目前自己做项目也在用。
- PWA、代码分割、HMR热替换、dllPlugin静态资源预编译、HappyPack多线程构建、ES6+语法
npm install # 安装依赖模块
npm run dll # 静态资源预编译
npm run start # 运行开发环境，默认监听8888端口
npm run build # 正式打包，用于生产环境
npm run prettier # 自动格式化src、mock目录下的所有.js/.css/.scss/.less文件
npm run dist # 运行正式打包后的最终文件（build目录下的文件），默认监听8888端口
yarn install # 安装依赖模块
yarn run dll # 静态资源预编译
yarn run start # 运行开发环境，默认监听8888端口
yarn run build # 正式打包，用于生产环境
yarn run prettier # 自动格式化src、mock目录下的所有.js/.css/.scss/.less文件
yarn run dist # 运行正式打包后的最终文件（build目录下的文件），默认监听8888端口
-
2018-05-31
1.React16.4，正式废弃了旧的几个生命周期，项目中用static getDerivedStateFromProps(nextP, nowState)替代了componentWillReceiveProps -
2018-05-24
1.完全拷贝了create-react-app的registerServiceWorker.js, 那个写得比较好。处理了开发环境和生产环境的差异。 -
2018-04-26
1.加入了dllPlugin静态资源预编译（仅开发环境生效）, 所以需要手动先 npm run dll，再 npm run start
2.内置了PWA功能, webpack.production.config.js中的PUBLIC_PATH 和 public/manifest.json中的start_url 需保持一致 -
2018-04-18
1.redux 4.0
2.开发环境加入了最新的HappyPack插件
3.打包输出细节及包版本更新 -
2018-03-05
1.webpack升级为4.1.0，更新相关配置
2.代码分割使用了react-loadable,异步加载时有loading动画，具体查看src/a_container/root/index.js中代码
3.异步加载的代码可以配置预加载，具体查看src/a_container/root/index.js中代码
4.目前webpack4.0刚出现不久，与其相关的某些插件会提示一些奇怪的警告，但不影响代码执行 -
2018-03-04
1.webpack升级到4.0，相关配置和插件修改 -
2018-02-23
1.增加了prettier自动代码格式化，npm run prettier 将自动按照prettier风格对{src,mock}/**/*.{js,css,scss,less}的文件进行格式化
2.Eslint现在会根据pretter风格进行代码检测，不符合的会在控制台输出warning -
2018-02-21
1.mock改为随server.js一起使用，请求在server.js中有配置。代码正式打包不再包含mock -
2018-01-25
1.propTypes父级参数类型判断均提到了class的顶部
2.高阶组件等方法均用@修饰器提到了class的顶部，比如@connect、@From.create -
2018-01-10
1.className均改为module形式,自动设置局部css命名空间
2.npm i classnames --save, 用于添加多个className时，对所有className进行封装 -
2018-01-07
1.支持修饰器，修改了Eslint的检测规则
2.支持class中定义箭头函数的语法
3.Babel插件设置细节调整
4.增加了依赖清单说明(依赖清单.js) -
2017-11-10
1.action均改为async/await形式
2.加入mock模拟数据测试ajax请求
3.加入axios库，可用于fetch请求，reqwest仍然保留
4.a_container/root/index.js中用render方法渲染路由，加入了模拟onEnter方法的例子 -
2017-10-13
1.HMR热更新现在使用了webpack-dev-middleware 和 webpack-hot-middleware 的配置方式
2.更合理的路由跳转方式 -
2017-10-11
1.加入代码分割的例子，运用bundle-loader的懒加载方式
2.babel-preset-env代替原来的其他babel插件 -
2017-09-21
1.主分支master也已升级为react-router 4.2
2.其他包更新 -
2017-09-13
1.创建了新的分支 配置了react-router 4.0 -
2017-09-07
1.使用react-hot-loader 3.0.0 配置了HMR热替换，不再需要以前的静态资源预编译了
2.配置了Antd自定义主题所需的代码，现在可以直接在package.json中的theme字段定义自己的Antd主题
.
├── build # 正式打包后，会自动生成该文件夹，其中会包含最终用于生产环境的文件
│ ├── dist # 编译后的资源文件
│ ├── icons # 编译后自动生成的各尺寸favicon图标，有的会用于PWA配置
│ ├── asset-manifets.json # 记录了将会被缓存的资源
│ ├── index.html # 编译后的主页html
│ ├── manifest.json # PWA配置文件，配置了桌面图标，以APP方式启动时的启动页面相关参数
│ └── service-worker.js # PWA核心worker, 用于离线访问，缓存不变的资源文件
├── dll # 静态资源预编译插件生成的dll文件
├── mock # mock测试数据
├── public # 静态文件，index.html等
├── src # 项目代码目录
│ ├── a_action # 所有的action
│ ├── a_component # 所有的公共类UI组件
│ ├── a_container # 所有的页面级容器组件
| ├── ...
| └── root # 根页，里面配置了顶级的路由
│ ├── a_reducer # 所有的reducer
│ ├── assets # 所有的图片、文件等静态资源
│ ├── styles # 所有的样式文件
│ ├── store # store数据中心
│ ├── util # 自定义工具
│ ├── index.js # 项目入口JS
│ └── index.html # 主页html文件,开发环境和生产打包共用
├── server.js # 用于开发环境的服务部署
├── webpack.dev.config.js # 用于开发环境的webpack配置
├── webpack.dll.config.js # 静态资源预编译所需webpack配置
└── webpack.production.config.js # 用于生产环境正式打包的webpack配置
http://isluo.com/work/pwa (线上没有mock环境)
- yarn install 失败：项目中配置了SASS，如果仅需要使用LESS，可以把SASS的配置删除。因为部分地区的网通网络下载node-sass时会失败，导致yarn install失败。 npm install正常
React英文官网：https://reactjs.org
React中文文档：https://doc.react-china.org
React GitHub地址：https://github.com/facebook/react
React官方更新日志：https://github.com/facebook/react/releases
mockjs官网：http://mockjs.com/
Eslint中文站：http://eslint.cn/
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent