Open Hibop opened 6 years ago
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 (图片,字体加载器)
https://www.jianshu.com/p/e3adc9b5f75c
技术栈(依赖组件)
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 (图片,字体加载器)