umijs is a react framework; umijs is a pluggable enterprise-level react application framework, based on routing, supporting conventional routing like "next.js", as well as various advanced routing functions, and using this to expand functions ; umijs is equipped with a plug-in system with a complete life cycle, covering every life cycle from source code to built products, supporting various functional expansions and business needs.
The operating environment of this tutorial: Windows 10 system, react version 17.0.1, Dell G3 computer.
umijs is a react framework
umi officially claims to be a pluggable enterprise-level react application framework. Umi is based on routing, supports next.js-like conventional routing, and various advanced routing functions, and uses this to expand functions, such as supporting routing-level on-demand loading. Then it is equipped with a complete plug-in system, covering every life cycle from source code to built products, supporting various functional expansions and business needs. Currently, there are 50+ plug-ins internally and externally.
Umi is the underlying front-end framework of Ant Financial and has directly or indirectly served 600+ applications, including supporting Java, node, H5 wireless, offline (Hybrid) applications, pure front-end assets applications, CMS applications, etc. He has served our internal users well, and I hope he can also serve our external users well.
Umi, which can be pronounced as Wumi in Chinese, is a scalable enterprise-level front-end application framework. Umi is based on routing and supports both configured routing and conventional routing to ensure complete routing functions and expand functions accordingly. Then it is equipped with a plug-in system with a complete life cycle, covering every life cycle from source code to built products, supporting various functional expansions and business needs.
Expand your knowledge:
It mainly has the following functions:
1. Extensible. Umi implements a complete life cycle and makes it plug-in. Umi’s internal functions are all completed by plug-ins. Plug-ins and plug-in sets are also supported to meet the hierarchical needs of functional and vertical domains.
2. Out of the box, Umi has built-in routing, construction, deployment, testing, etc., and you only need one dependency to get started with development. It also provides an integrated plug-in set for React, with rich functions that can meet 80% of daily development needs.
Why not? create-react-app
create-react-app is a packaging layer solution based on webpack, including build, dev, lint, etc. It maximizes the experience in the packaging layer, but it does not include routing, it is not a framework, and it does not support configuration. Therefore, if you want to modify some configurations based on it, or if you want to achieve technical convergence outside of the packaging layer, you will encounter difficulties.
# Create directory $ mkdir myapp && cd myapp # Install dependencies $ yarn add umi # Create page $ npx umi g page index --typescript --less # Start development $ npx umi dev