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

文档:https://umijs.org/

数据流采用基于redux衍化的dva.js

文档:https://dvajs.com/

 

调研发现Ant Design Pro内嵌大量功能,日常开发要是用不到可真是可惜呢。

如:区块、图表、单元测试、冒烟测试、国际化语言包、自定义主题、报错处理、权限管理、mock联调、全局脚本、等等等等

 

孟欣 - Ant Design Pro调研

依照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框架:

React Starter Kit

create-react-app

react-easy-start

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-09
  • 2021-08-25
  • 2021-07-17
  • 2021-05-02
  • 2021-10-06
猜你喜欢
  • 2022-12-23
  • 2021-12-13
  • 2021-07-13
  • 2022-12-23
  • 2021-07-28
  • 2022-12-23
相关资源
相似解决方案