react -ui (antd)

https://material-ui.com/ 

https://ant.design/index-cn    https://mobile.ant.design/index-cn

基于 React Native 的 iOS / Android / Web 多平台支持，组件丰富、能全面覆盖各类场景 (antd-mobile-rn)

• 适合于中大型产品应用

• 适合于基于 react / preact / react-native 的多终端应用

• 适合不同 UI 风格的高度定制需求的应用

• 

• 在index.html中引入

• <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

• <script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script>  -- 解决点击加载300毫秒延迟

• <script> if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }, false); } if(!window.Promise) { document.writeln('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"'+'>'+'<'+'/'+'script>'); } </script>

• 

• 

按需打包 -组件，而不是全部引入，只加载用到的组件

 1.    引入 react-app-rewired 并修改 package.json 里的启动配置:

$ npm install react-app-rewired --save-dev

用npm安装  ：

// "scripts": {

// "start": "react-scripts start",

// "build": "react-scripts build",

// "test": "react-scripts test",

// "eject": "react-scripts eject"

// },   把这个替换成上面的

在package.json 中可以看到

然后对比着改一下package.json

还有一个配置文件 ，在文件夹下添加这个文件