UmiJS
made with React

UmiJS

这是一个🍙 插件化的企业级前端应用框架。

相关问答
暂无相关问题
查看全部
简介及使用教程

UmiJS是一个🍙 插件化的企业级前端应用框架,基于路由,支持类似next.js的常规路由和各种高级路由功能,例如路由级别的按需加载。

它具有完整的插件系统,涵盖了从源代码到构建的每个生命周期。 umi能够满足各种功能扩展和业务需求,目前umi在社区和公司内部拥有近50多个插件。 umi是蚂蚁金服的基本前端框架,已直接或间接为3000多个应用程序提供服务,包括Java、节点、移动应用程序、混合应用程序、纯前端资产应用程序、CMS应用程序等等。

image.png

特性

  • 🎉 可扩展,Umi 实现了完整的生命周期,并使其插件化,Umi 内部功能也全由插件完成。此外还支持插件和插件集,以满足功能和垂直域的分层需求。
  • 📦 开箱即用,Umi 内置了路由、构建、部署、测试等,仅需一个依赖即可上手开发。并且还提供针对 React 的集成插件集,内涵丰富的功能,可满足日常 80% 的开发需求。
  • 🐠 企业级,经蚂蚁内部 3000+ 项目以及阿里、优酷、网易、飞猪、口碑等公司项目的验证,值得信赖。
  • 🚀 大量自研,包含微前端、组件打包、文档工具、请求库、hooks 库、数据流等,满足日常项目的周边需求。
  • 🌴 完备路由,同时支持配置式路由和约定式路由,同时保持功能的完备性,比如动态路由、嵌套路由、权限路由等等。
  • 🚄 面向未来,在满足需求的同时,我们也不会停止对新技术的探索。比如 dll 提速、modern mode、webpack@5、自动化 external、bundler less 等等。

安装

Npm

npm i umi

Yarn

yarn add umi

使用

创建目录

mkdir myapp && cd myapp

创建项目

yarn create @umijs/umi-app

安装依赖

yarn

启动项目(http://localhost:8000/)

yarn start

部署发布

yarn build

示例

image.png

image.png

作者

UmiJS

相关项目

这是一个快速反应的静态站点生成器。
这是一个基于React和Redux的轻量级JavaScript框架
这是一个可预测、0入侵、渐进式、高性能的react开发框架。
这是一个全栈React + GraphQL框架。
这是一个无​​服务器的内容管理系统(CMS)。
这是一个React的Material设计风格的组件库。
这是一个基于Microsoft的UWP和Fluent Design的组件库。