# umijs/umi **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/umijs-umi).** 16,039 stars · 2,672 forks · TypeScript · MIT ## Links - GitHub: https://github.com/umijs/umi - Homepage: https://umijs.org - awesome-repositories: https://awesome-repositories.com/repository/umijs-umi.md ## Topics `react` `react-framework` `umi` `umijs` ## Description Umi is a comprehensive React application framework and enterprise frontend toolchain. It provides a plugin-based build system and a configuration-driven routing engine to integrate routing, build tooling, and deployment within a single dependency. The project serves as a micro-frontend orchestrator, coordinating multiple independent frontend applications into a single interface with shared data flow. Its extensible architecture allows for the customization of every stage of the application development lifecycle through a system of plugins. The framework covers a broad range of enterprise capabilities, including role-based access control, content localization, and application state coordination. It also provides project scaffolding tools for application bootstrapping and a build system that supports multiple compilation engines and dependency version locking. ## Tags ### Web Development - [Micro-Frontend Orchestrators](https://awesome-repositories.com/f/web-development/micro-frontend-orchestrators.md) — Coordinates independent frontend modules and shared data flow to enable scalable micro-frontend application architectures. - [React Frameworks](https://awesome-repositories.com/f/web-development/backend-development/web-frameworks/full-stack-frameworks/react-frameworks.md) — Offers a comprehensive development environment for React that integrates routing, build tooling, and deployment. - [Configuration-Driven Routing](https://awesome-repositories.com/f/web-development/configuration-driven-routing.md) — Provides a configuration-driven routing engine for managing nested and dynamic routes with request optimization. - [URL Route Mapping](https://awesome-repositories.com/f/web-development/dynamic-content-resolution/url-route-mapping.md) — Implements a centralized configuration system to map application views to URLs with support for nesting and dynamic parameters. - [Enterprise Frameworks](https://awesome-repositories.com/f/web-development/react-development/enterprise-frameworks.md) — Provides integrated routing, build tooling, and standardized patterns for building large-scale enterprise web applications. - [Micro-Frontend Frameworks](https://awesome-repositories.com/f/web-development/single-page-applications/micro-frontend-frameworks.md) — Combines multiple independent frontend applications into a single interface to enable distributed development and deployment. - [Build Abstractions](https://awesome-repositories.com/f/web-development/build-abstractions.md) — Provides an abstraction layer that allows switching between different compilation toolchains while maintaining consistent output. - [Content Translation](https://awesome-repositories.com/f/web-development/internationalization-localization/translation-management-platforms/site-localization/multi-language-content-delivery/locale-based-filters/content-translation.md) — Translates application content and adapts formats into multiple languages based on regional settings. ([source](https://umijs.org/max/i18n)) - [Nested Routing](https://awesome-repositories.com/f/web-development/nested-routing.md) — Implements a system for defining hierarchical, nested, and dynamic URL structures to optimize application navigation. ([source](https://umijs.org/guides/routes)) - [Project Bootstrapping](https://awesome-repositories.com/f/web-development/react-development/project-bootstrapping.md) — Automates the creation of a complete development environment with routing, build pipelines, and linting for React applications. ([source](https://umijs.org/api/plugin-api)) ### Development Tools & Productivity - [Build Plugin Architectures](https://awesome-repositories.com/f/development-tools-productivity/build-plugin-architectures.md) — Implements an extensible build architecture that allows custom logic to intercept and modify the build resolution pipeline. - [Frontend Build Toolchains](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/build-orchestration-logic/build-orchestration-configuration/build-automation-systems/build-tools/module-bundlers/frontend-build-toolchains.md) — Provides a unified pipeline for packaging and producing client-side code and dependencies for enterprise applications. - [Application Scaffolding](https://awesome-repositories.com/f/development-tools-productivity/application-scaffolding.md) — Quickly starts new projects with pre-configured routing, build pipelines, testing, and linting through a single dependency. - [Build Accelerators](https://awesome-repositories.com/f/development-tools-productivity/build-accelerators.md) — Reduces development wait times through pre-bundling, module federation, and high-speed compression tools. ([source](https://umijs.org/guides/mpa)) - [Pluggable Compilation Engines](https://awesome-repositories.com/f/development-tools-productivity/build-engines/pluggable-compilation-engines.md) — Allows toggling between different build engines and transpilers while maintaining consistent feature behavior and output. ([source](https://umijs.org/guides/mfsu)) - [Feature Boilerplate Generators](https://awesome-repositories.com/f/development-tools-productivity/code-generators/boilerplate-generators/test-scaffolding-generators/feature-boilerplate-generators.md) — Provides a system of micro-generators to install specific architectural features and configurations on demand. - [Automatic Component Imports](https://awesome-repositories.com/f/development-tools-productivity/configuration-importers/automatic-component-imports.md) — Eliminates the need for manual import statements for common components, hooks, and data flow utilities. ([source](https://umijs.org/blog/umi-4-rc)) - [Dependency Freezing](https://awesome-repositories.com/f/development-tools-productivity/package-dependency-managers/dependency-freezing.md) — Freezes the entire dependency tree into a single release package to ensure long-term reproducibility and stability. - [Deterministic Dependency Locking](https://awesome-repositories.com/f/development-tools-productivity/reproducible-build-environments/deterministic-dependency-locking.md) — Pre-bundles and freezes dependency versions into the release to ensure stability and reproducibility across years. ([source](https://umijs.org/guides/getting-started)) ### Software Engineering & Architecture - [Frontend Enterprise Patterns](https://awesome-repositories.com/f/software-engineering-architecture/enterprise-integration-suites/frontend-enterprise-patterns.md) — Integrates standardized architectural patterns for micro-frontends, data flow, access control, and internationalization for large-scale applications. ([source](https://umijs.org/max/valtio)) - [Plugin-Based Architectures](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/architectural-patterns/plugin-module-systems/modular-plugin-architectures/plugin-based-architectures.md) — Implements all internal features as plugins that hook into various stages of the application development lifecycle. ### Data & Databases - [Application State Management](https://awesome-repositories.com/f/data-databases/application-state-management.md) — Implements data flow and state management patterns to coordinate complex interactions across the web application. ([source](https://umijs.org/max/dva)) ### DevOps & Infrastructure - [Build Optimization](https://awesome-repositories.com/f/devops-infrastructure/cicd-pipeline-automation/core-build-engines/build-optimization.md) — Improves compilation speeds and long-term stability by switching build engines and pre-bundling dependency versions. ### Programming Languages & Runtimes - [Automatic Import Injections](https://awesome-repositories.com/f/programming-languages-runtimes/module-importing/automatic-rust-module-builders/automatic-import-injections.md) — Eliminates manual import statements by automatically injecting common components and hooks into the source code. ### Security & Cryptography - [Role-Based Access Control](https://awesome-repositories.com/f/security-cryptography/role-based-access-control.md) — Restricts application features and views based on defined user roles and permission sets. ([source](https://umijs.org/max/dva)) ### Part of an Awesome List - [Frontend and UI Development](https://awesome-repositories.com/f/awesome-lists/devtools/frontend-and-ui-development.md) — React-based framework for enterprise web applications.