Skip to content

jarunwang/ant-react-redux-fetch-webpack

Repository files navigation

Target

React 全家桶的综合运用.该项目会把日常开发中 遇到的案例抽离成 demo 展现出来,同时会对一些知识点进行实践。

效果展示,项目变大后,gitpage 上访问速度会比较慢(几十秒),建议本地打开

Usage

本地运行
yarn install || npm install
yarn start || npm start

打包
yarn build || npm run build

发布
yarn deploy

Tech Stack

  • 打包构建:Babel Webpack(4.x)
  • 热更新
  • 包管理:Yarn || Npm
  • UI库:React & React-Dom(16.2.0)
  • UI组件:Antd(3.x)
  • 路由:react-router(4.x)、react-router-redux
  • JS:ES6、ES7
  • 样式:less
  • 状态管理:redux
  • Ajax:Fetch
  • 跨域: 基于 CORS 实现
  • 代码校验: Eslint
  • 性能优化: [analyze-webpack-plugin]
  • 测试用例:jest
  • 网关层:使用 typescript + node.js

Document

Features

  • 列表模块
    • 实现里面增删改查
    • redux 流实现数据的获取
  • 更多模块开发中
    • 欢迎 issue || pr

Project Structure

├── build.js                   项目打包后的文件
├── config                     webpack配置文件
│   ├──...
│   ├──webpack.config.dev.js   开发环境配置(启动速度优化)
│   ├──webpack.config.prod.js  生产环境配置(打包体积优化)
├── node_modules               node模块目录
├── public
│   └──index.html
├── scripts
│   ├── build.js               打包项目文件
│   ├── start.js               启动项目文件
│   └── test.js                测试项目文件
├── src
│   ├── client
│   │   ├── store              redux中的store
│   │   ├── devTools.js        开发者工具
│   ├── common                 核心目录
│   │   ├── api                请求api层
│   │   ├── actions            redux中的action
│   │   ├── components         通用功能组件
│   │   ├── container          通用样式组件
│   │   ├── images
│   │   ├── pages              页面模块
│   │   ├── reducers           redux中的reducer
│   │   ├── utils              工具类
│   │   │   ├── index.js       通用工具
│   │   │   ├── config.js      通用配置
│   │   │   ├── menu.js        菜单配置
│   │   │   ├── util.js        公用工具
│   │   │   └── ajax.js        ajax模块
│   │   └── routes.js          前端路由
│   └── server                 服务端目录(日后用到)
│       └── controller
├── .gitignore
├── package.json
├── README.md
└── yarn.lock

About

ant-react-redux-fetch-webpack

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published