Ant Design Pro
官方称秉承Ant Design的理念做出的升级版,并已应用于阿里内部上百个项目正在尝试,应该还在逐步优化的阶段。
样例:https://preview.pro.ant.design/profile/basic?primaryColor=daybreak
重大弊端:官方地址首次加载缓慢。浏览器loaded近2min
文档:https://pro.ant.design/docs/getting-started-cn
底层采用阿里开发的react应用框架: umi.js
数据流采用基于redux衍化的dva.js
调研发现Ant Design Pro内嵌大量功能,日常开发要是用不到可真是可惜呢。
如:区块、图表、单元测试、冒烟测试、国际化语言包、自定义主题、报错处理、权限管理、mock联调、全局脚本、等等等等
依照umi文档自己搭建个项目启动后性能非常好,而用Ant Design Pro搭建的项目中打包后的文件主要为umi.js。浏览器中显示此文件首次加载需1分多钟,所以找不到首次加载慢的问题所在。只能猜测这些繁多内嵌的功能可能是造成其卡顿的主要原因。
so,如果你想用antd,项目中又用不到那么多功能建议你自己搭建个react框架,npm安antd。
官方对其上结构及dva工作流给出建议:
Page用于展示,module用于逻辑处理。规范开发,个人建议请求后的数据在effects做好前端逻辑处理。 page下的一级层级目录下用于dom渲染的js为主入口文件,其余文件另起个文件夹用于放置css及js的交互。 不然页面多了你会发现真的好乱!
umi也提供个命令analyze,它的功能与umi build一致,但会多打印出文件的大小等,可用于性能优化。
相关问题:升级antd4的兼容问题
文档:https://next.ant.design/docs/react/migration-v4-cn
更多react框架: