clkz / webpack-react-ant

Webpack react admin panel based on ant design.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

webpack-react-ant

Webpack for ant design..

build dist:

get-start:

git clone https://github.com/afeiship/webpack-react-ant.git
npm install --registry=https://registry.npm.taobao.org
npm run build
npm run start

ideas:

  • rn-ant-uploader ( api/thumbnail and ..)
  • curd + module.config.js (fileds/moduleName/actions:['index','show','edit','add'])
  • table-filter
  • controller-abstract-index / abstract-form / basic-form
  • normalize ant-form controller( [ checkbox->checked + onchange, SearchInput->onChange/onSearch?])
  • yeoman for module/special module ( create 50%+ code)
  • ant-pop-delte btn?
  • ant-toggle-button ?
  • a modal.json, when yeoman create componet, will append to App Modal.container[MODAL_START/END]
  • ant-select[ items/key/value ] wrapper
  • how about use @config/@module import our _config.js
  • ajax error exception handler.
  • use pace for app-loader
  • currentRow memory
  • page session
  • 403/4/500 page
  • optimize with app-cache[Css/Js]
  • abs-form/abs-index
  • refresh edit record [edit/cacel/reset] action
  • @config('./_config') to load config file

curd route:

/admin/users/:action/:id

/admin/users/index
/admin/users/add
/admin/users/show/:id
/admin/users/edit/:id

[files:]
index
form [add/edit]
show [show]

features:

  • spa
  • webpack 3.x
  • next-redux-base
  • image compress
  • fonts/images to folder
  • react-router v4
  • HtmlWebpack -> webpack favico.ico
  • ant-design optmize
  • add spinkit for app
  • theme customize

resources:

About

Webpack react admin panel based on ant design.


Languages

Language:JavaScript 81.8%Language:HTML 9.4%Language:CSS 8.9%