mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-18 06:03:38 +08:00
docs: improve Umi documentation
This commit is contained in:
afc163
parent
fc60b1f656
commit
106acb7d5b
@ -3,13 +3,13 @@ order: 3
|
||||
title: Real project with umi
|
||||
---
|
||||
|
||||
In real project development, you may need data flow solutions such as Redux or MobX. Ant Design React is a UI library that can be used with data flow solutions and application frameworks in any React ecosystem. Based on the business scenario, we launched a pluggable enterprise-level application framework umi, which is recommended for use in the project.
|
||||
In real project development, you may need data flow solutions such as Redux or MobX. Ant Design React is a UI library that can be used with data flow solutions and application frameworks in any React ecosystem. Based on the business scenario, we launched a pluggable enterprise-level application framework [Umi](https://umijs.org), which is recommended for use in the project.
|
||||
|
||||
And [umi](https://umijs.org) is a routing-based framework that supports [next.js-like conventional routing](https://umijs.org/docs/convention-routing) and various advanced routing functions, such as [routing-level on-demand loading](https://umijs.org/config#dynamicimport). With a complete [plugin system](https://umijs.org/plugins/api) that covers every life cycle from source code to build product, umi is able to support various functional extensions and business needs; meanwhile [Umi UI](https://umijs.org/docs/use-umi-ui) is provided to enhance the development experience and development efficiency through Visual Aided Programming (VAP).
|
||||
And [Umi](https://umijs.org) is a routing-based framework that supports [next.js-like conventional routing](https://umijs.org/docs/convention-routing) and various advanced routing functions, such as [routing-level on-demand loading](https://umijs.org/config#dynamicimport). With a complete [plugin system](https://umijs.org/plugins/api) that covers every life cycle from source code to build product, Umi is able to support various functional extensions and business needs; meanwhile [Umi UI](https://umijs.org/docs/use-umi-ui) is provided to enhance the development experience and development efficiency through Visual Aided Programming (VAP).
|
||||
|
||||
> You may also be interested in [Ant Design Pro](https://pro.ant.design/), an Out-of-box UI solution for enterprise applications based on umi, dva and ant design.
|
||||
> You may also be interested in [Ant Design Pro](https://pro.ant.design/), an Out-of-box UI solution for enterprise applications based on Umi and antd.
|
||||
|
||||
This article will guide you to create a simple application from zero using Umi, dva and antd.
|
||||
This article will guide you to create a simple application from zero using Umi and antd.
|
||||
|
||||
## Install Umi
|
||||
|
||||
@ -62,7 +62,7 @@ run `yarn start` then open [http://localhost:8000/products](http://localhost:800
|
||||
|
||||
## Write UI Components
|
||||
|
||||
As your application grows and you notice you are sharing UI elements between multiple pages (or using them multiple times on the same page), in umi it's called reusable components.
|
||||
As your application grows and you notice you are sharing UI elements between multiple pages (or using them multiple times on the same page), in Umi it's called reusable components.
|
||||
|
||||
Let's create a `ProductList` component that we can use in multiple places to show a list of products.
|
||||
|
||||
@ -289,9 +289,9 @@ We have completed a simple application, but you may still have lots of questions
|
||||
|
||||
You can:
|
||||
|
||||
- Visit [umi official website](https://umijs.org/) and [dva official website](https://dvajs.com/)
|
||||
- Know [the umi routes](https://umijs.org/zh/guide/router.html)
|
||||
- Know [how to deploy umi application](https://umijs.org/zh/guide/deploy.html)
|
||||
- Visit [Umi official website](https://umijs.org/)
|
||||
- Know [Umi routes](https://umijs.org/docs/routing)
|
||||
- Know [how to deploy Umi application](https://umijs.org/docs/deployment)
|
||||
- Scaffolding out of the box [Ant Design Pro](https://pro.ant.design)
|
||||
- Advanced Layout [ProLayout](https://procomponents.ant.design/en-US/components/layout)
|
||||
- Advanced Table [ProTable](https://procomponents.ant.design/en-US/components/table)
|
||||
|
||||
@ -5,11 +5,11 @@ title: 项目实战
|
||||
|
||||
在真实项目开发中，你可能会需要 Redux 或者 MobX 这样的数据流方案，Ant Design React 作为一个 UI 库，可以和任何 React 生态圈内的数据流方案以及应用框架搭配使用。我们基于业务场景的场景，推出了可插拔的企业级应用框架 umi，推荐你在项目中使用。
|
||||
|
||||
[umi](https://umijs.org/zh-CN) 则是一个可插拔的企业级 react 应用框架。umi 以路由为基础的，支持[类 next.js 的约定式路由](https://umijs.org/zh-CN/docs/convention-routing)，以及各种进阶的路由功能，并以此进行功能扩展，比如[支持路由级的按需加载](https://umijs.org/zh-CN/config#dynamicimport)。然后配以完善的[插件体系](https://umijs.org/zh-CN/plugins/api)，覆盖从源码到构建产物的每个生命周期，支持各种功能扩展和业务需求，同时提供 [Umi UI](https://umijs.org/zh-CN/docs/use-umi-ui) 通过可视化辅助编程（VAP）提高开发体验和研发效率。
|
||||
[umi](https://umijs.org/zh-CN) 则是一个可插拔的企业级 react 应用框架。Umi 以路由为基础的，支持[类 next.js 的约定式路由](https://umijs.org/zh-CN/docs/convention-routing)，以及各种进阶的路由功能，并以此进行功能扩展，比如[支持路由级的按需加载](https://umijs.org/zh-CN/config#dynamicimport)。然后配以完善的[插件体系](https://umijs.org/zh-CN/plugins/api)，覆盖从源码到构建产物的每个生命周期，支持各种功能扩展和业务需求，同时提供 [Umi UI](https://umijs.org/zh-CN/docs/use-umi-ui) 通过可视化辅助编程（VAP）提高开发体验和研发效率。
|
||||
|
||||
> 你可能也会对 [Ant Design Pro](https://pro.ant.design/) 感兴趣，这是一个基于 umi、dva 和 ant design 的开箱即用的中台前端/设计解决方案。
|
||||
> 你可能也会对 [Ant Design Pro](https://pro.ant.design/) 感兴趣，这是一个基于 Umi 和 antd 的开箱即用的中台前端/设计解决方案。
|
||||
|
||||
本文会引导你使用 Umi、dva 和 antd 从 0 开始创建一个简单应用。
|
||||
本文会引导你使用 Umi 和 antd 从 0 开始创建一个简单应用。
|
||||
|
||||
## 安装 Umi
|
||||
|
||||
@ -56,7 +56,7 @@ export default defineConfig({
|
||||
|
||||
## 编写 UI Component
|
||||
|
||||
随着应用的发展，你会需要在多个页面分享 UI 元素 (或在一个页面使用多次)，在 umi 里你可以把这部分抽成 component 。
|
||||
随着应用的发展，你会需要在多个页面分享 UI 元素 (或在一个页面使用多次)，在 Umi 里你可以把这部分抽成 component 。
|
||||
|
||||
我们来编写一个 `ProductList` component，这样就能在不同的地方显示产品列表了。
|
||||
|
||||
@ -292,9 +292,9 @@ $ yarn build
|
||||
|
||||
你可以：
|
||||
|
||||
- 访问 [umi 官网](https://umijs.org/)和 [dva 官网](https://dvajs.com/)
|
||||
- 理解 [umi 的路由](https://umijs.org/zh/guide/router.html)
|
||||
- 理解 [如何部署 umi 应用](https://umijs.org/zh/guide/deploy.html)
|
||||
- 访问 [Umi 官网](https://umijs.org/)
|
||||
- 理解 [Umi 的路由](https://umijs.org/zh-CN/docs/routing)
|
||||
- 理解 [如何部署 Umi 应用](https://umijs.org/zh-CN/docs/deployment)
|
||||
- 开箱即用的脚手架 [Ant Design Pro](https://pro.ant.design)
|
||||
- 高级布局 [ProLayout](https://procomponents.ant.design/components/layout)
|
||||
- 高级表格 [ProTable](https://procomponents.ant.design/components/table)
|
||||
|
||||
Loading…
Reference in New Issue
Block a user