UmiJSUmiJS
  • Introduce
  • Guide
  • API
  • Umi Max
  • Blog
⌘ K
中文
Umi Max Introduction
Layout and Menu
antd
Charts
Data Stream
Request
Permissions
Internationalization
Micro Frontends
styled-components
react-query
valtio
dva
Site Statistics
Module Federation Plugin
Last updated:
Open-source MIT Licensed | Copyright © 2017-present

TABLE OF CONTENTS

Umi Max Introduction

Umi, as an extensible enterprise-level front end application framework, has already served 10,000+ applications within Ant Group, either directly or indirectly. Throughout the process of engineering practice, it has solved numerous common problems encountered in front end development, and these experiences have been accumulated into various Umi plugins. In order to make it more convenient for developers to utilize these plugins, we have integrated them into @umijs/max based on their open-source foundation. This allows developers to immediately obtain the same development experience as developing Umi applications within Ant Group through a scaffold.

How to use

By selecting the Ant Design Pro template when using create-umi, you can use @umijs/max to create a project.

$ npx create-umi@latest
? Pick Umi App Template › - Use arrow-keys. Return to submit.
Simple App
❯ Ant Design Pro
Vue Simple App

💡

In Umi Max projects, use the command line max{:bash} instead of the original umi{:bash}, as shown below.

$ npx max g jest

Newly created projects come with the following plugins installed by default, which can be enabled as needed:

  • Access Control
  • Site Analytics
  • Ant Design (Antd)
  • Charts
  • dva
  • Initial State
  • Data Flow
  • Layout and Menu
  • Internationalization (i18n)
  • model
  • Qiankun Micro-frontends
  • Request Library
  • Tailwind CSS
  • CSS-IN-JS
  • Request Strategy
  • Global Data Store Strategy
  • Module Federation