Hibop
关于React技术栈全家桶
技术栈（依赖组件）
-
node.js 版本>6.X
-
npm || yarn
-
express：Node.js服务
-
react（15.6）升级16
-
redux （状态管理）
-
react-redux (连接react 和redux)
-
react-router (react 路由)
-
react-router-dom (react 路由4.X)
-
redux-form (redux 表单组件。提供了验证。等等强大功能)
-
redux-thunk (redux 异步组件)
-
react-router-redux (redux 异步路由系统)
-
immutable (不可变数据库)
-
wepack（模块打包2.X）
-
webpack-dev-middleware(开发环境编译中间件)
-
webpack-hot-middleware(热加载中间件)
-
webpack-dev-server
-
json-server
-
antd (阿里react ui库，集成组件、皮肤、国际化解决方案)
-
lodash (工具函数包)
-
pugjs (html 模板引擎)
-
classnames (一个管理“类”组件)
-
object-assign (es6 对象分配)
-
promise
-
async/await
-
fetch
编译组件
autoprefixer (识别css 头 如-webkit-) babel-cli (babel 命令行) babel-core (babel 核心) babel-eslint (babel 代码规范检测) babel-loader (babel 装载) babel-plugin-import (babel import 引入) babel-plugin-react-display-name (添加显示名字给react.cerateClass) babel-plugin-transform-react-constant-elements (添加转换 jsx 节点支持) babel-plugin-transform-react-remove-prop-types (添加转换 jsx 属性支持) babel-preset-es2015 (es6 转码支持) babel-preset-latest (预置 babelrc 里面支持最新的es5 es6 es7) babel-preset-react (预置 babelrc 里面支持 react) babel-preset-stage-1 (es7 语法候选版1) babel-register (对node.js 的require 勾子) chai (测试库) chalk (命令行颜色显示组件) compression (文件压缩工具) cross-env (跨平台命令行工具, 可以运行一些unix 命令) css-loader (css 装载器) enzyme (react 测试工具 可以模拟jqery dom 循环遍历) eslint (代码规范验证) eslint-plugin-import (代码引入规范验证) eslint-plugin-jsx-ally (代码 jsx 语法规范验证) eslint-plugin-react (react 规范验证) eslint-watch (验证监听) extract-text-webpack-plugin (将文本从包中提取到文件中。) file-loader (文件加载器) json-loader (json 加载器) mocha (测试工具) node-sass (支持编译sass) npm-run-all (运行所有npm 脚本) open (运行后代开浏览器) postcss-loader (支持scss 加载器) react-addons-test-utils (react 原生测试工具) react-hot-loader (react热加载工具) redux-immutable-state-invariant (检测突变的redux 状态。仅仅用于开发环境) rimraf (unix 命令行) sass-loader(sass 加载器) sinon (独立的测试框架) sinon-chai (测试工具) style-loader (样式加载器) url-loader (图片，字体加载器)
常用lint、lock、yaml、json等配置文件：
- eslintrc
- stylelintrc
- tslint.json
- tsconfig.json
- yarn.lock
- package.json
- README.md
- CHANGELOG.md
lint文件常用配置信息：
- environment(环境变量)
- globals（全局变量）
- rules（规则） 。。。
lint的规则级别
- off 或 0 关闭
- warn或1 开启警告错误
- error或者2 开启错误级别 编译不通过 注释中可以配置临时lint规则 /* eslint -disable no-alert, no-console */