fanxiaowei / React-Router-Redux-AntD-Demo

React Router Redux AntDesign

React-Router-Redux-AntD-Demo

React Router Redux AntDesign

基于国外大神的react框架进行国内本地化处理

此版本是1.0版，是将最原始的版本进行本地化处理，将UI控件替换为Ant Design。同时，添加了一些 ***奇技淫巧***。大部分都是在开发中遇到的关于react的坑。这个只是一个*呆板*的代码的copy。此后，该版本会有较大的升级。(此版本会一直保留)
此后的版本，还是会基于1.0版本的框架进行扩展，并依次加入如下技术。
前端技术栈
router的按需加载
facebook的immuable库
权限控制(不同于1.0版本的根据router的钩子，利用后台控制)
采用fetch进行数据的请求
兼容IE9
采用自定义组件实现较为复杂的功能
采用RN技术来实现移动开发
后台技术栈（1.0版本暂时不添加）
后台采用SSM框架
利用Spring Cloud搭建微服务

---

此版本的一些模块布局在2.0版本会有很大的改动，会按着模块进行页面的划分。

关于1.0框架所用的技术栈

• Isomorphic Universal rendering
• Both client and server make calls to load data from separate API server
• React
• React Router
• Express
• Babel for ES6 and ES7 magic
• Webpack for bundling
• Webpack Dev Middleware
• Webpack Hot Middleware
• Redux's futuristic Flux implementation
• Redux Dev Tools for next generation DX (developer experience). Watch Dan Abramov's talk.
• React Router Redux Redux/React Router bindings.
• ESLint to maintain a consistent code style
• redux-form to manage form state in Redux
• lru-memoize to speed up form validation
• multireducer to combine single reducers into one key-based reducer
• style-loader, sass-loader and less-loader to allow import of stylesheets in plain css, sass and less,
• bootstrap-sass-loader and font-awesome-webpack to customize Bootstrap and FontAwesome
• react-helmet to manage title and meta tag information on both server and client
• webpack-isomorphic-tools to allow require() work for statics both on client and server
• mocha to allow writing unit tests for the project.

框架的安装

npm install

运行DEV环境

npm run dev

编辑同时运行生成环境

npm run build
npm run start