布局 Ant Design Pro 的布局 如何使用 Ant Design Pro 布局 Pro 扩展配置 Ant Design 布局组件 Grid 组件 Layout 组件 根据不同场景区分抽离布局组件 布局 页面整体布局是一个产品最外层的框架结构，往往会包含导航、页脚、侧边栏、通知栏以及内容等。在页面之中，也有很多区块的布局结构。在...

配置 基本配置 plugins routes disableRedirectHoist history outputPath base publicPath runtimePublicPath " level="3">cssPublicPath mountElementId minimizer hash " level="3">t...

@umijs/plugin-model 启用方式 介绍 配置 API useModel @umijs/plugin-model 简易数据流，通常用于中台项目的全局共享数据。 启用方式 src/models 目录下有 hooks model 时启用。 介绍 我们约定在 src/models 目录下的文件为项目定义的 model...

插件接口简介 umi 的所有插件接口都是通过初始化插件时候的 api 来提供的。分为如下几类： 环境变量，插件中可以使用的一些环境变量 系统级变量，一些插件系统暴露出来的变量或者常量 工具类 API，常用的一些工具类方法 系统级 API，一些插件系统暴露的核心方法 事件类 API，一些插件系统提供的关键的事件点 应用类 API，用于实现插件功能需求的...

部署 前端路由与服务端的结合 使用 nginx 使用 spring boot 使用 express 使用 egg 部署 前端路由与服务端的结合 如果你遇到 https://cdn.com/users/123 刷新后 404 的问题，你需要按照这个章节进行处理。 Ant Design Pro 使用的 Umi 支持两种路由方式：b...

dumi 的 Demo 理念 原则一：能看能用 原则二：依赖清晰 原则三：易于维护 dumi 的 Demo 理念 dumi 只有一个理念——开发者应该像用户一样写 Demo 。 这句话如何理解？用户的 Demo 就是实际项目，像用户一样写 Demo 意味着这个 Demo 能直接为实际项目所用，所以它必定要满足下面几个原则。 原则一：能看...

介绍 什么是微前端 qiankun 的核心设计理念 它是如何工作的 为什么不是 iframe 特性 介绍 qiankun 是一个基于 single-spa 的微前端 实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，在经过一批线上应用的充分检验及打磨...

社区精选组件 推荐产品 ✨ 社区精选组件 antd 是 Ant Design 设计规范的 React 实现，所以我们倾向于只提供符合该规范、且带有视觉展现的 UI 组件，也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现，与 antd 形成互补： 类型 推荐组件 可视化图表 AntV 数据可视化解决方案 🔥 AntV 图表库 BizCh...

介绍 特性 他是如何工作的？ 他是怎么来的？ 谁在用？ 为什么不是…? redux mobx 命名由来？ 介绍 dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch ，所以也可以理解为一个轻量级的应用框架。 特性 ...

介绍 什么是微前端 qiankun 的核心设计理念 它是如何工作的 为什么不是 iframe 特性 介绍 qiankun 是一个基于 single-spa 的微前端 实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，在经过一批线上应用的充分检验及打磨...