umi

可插拔的企业级 react 应用框架 umi

MIT
JavaScript TypeScript
跨平台
阿里巴巴
2019-07-19
红薯

umi 是一个可插拔的企业级 react 应用框架。

插件化

umi 的整个生命周期都是插件化的,甚至其内部实现就是由大量插件组成,比如 pwa、按需加载、一键切换 preact、一键兼容 ie9 等等,都是由插件实现。

开箱即用

你只需一个 umi 依赖就可启动开发,无需安装 react、preact、webpack、react-router、babel、jest 等等。

约定式路由

类 next.js 的约定式路由,无需再维护一份冗余的路由配置,支持权限、动态路由、嵌套路由等等。

主要特性:

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

快速开始:

# Install deps
$ yarn global add umi # or npm install -g umi

# Create application
$ mkdir myapp && cd myapp

# Create page
$ umi generate page index

# Start dev server
$ umi dev

# Build and deploy
$ umi build
的码云指数为
超过 的项目
加载中
此软件有 7 条评论,请先登录后再查看。

暂无资讯

暂无问答

Umi UI 二期来了

Umi UI 一期做好了一个架子,但只是包含一些基础功能,而要做提效,则需要一些实打实的功能。一个月后的 Umi UI 二期带来了一些进阶功能,比如资产(区块+模板)、Mini 气泡、编译态同步、b...

2019/10/10 14:33
31
0
Hello! Umi UI

Umi UI 这个大坑,今年总算还是踩了。 其实去年还是前年就想做了,但这件事听起来太前沿,和业务关系不大,而且有很大的不确定性,所以优先级始终不高。而今年要在提效上发力,需要有一些可能...

2019/09/02 14:12
11
0
UMI开源项目

本文主要围绕UMI是什么及其特征、安装应用、模板例子等四个方面内容来讲解UMI,希望能够对初学者有所启发。 一、 UMI是什么 UMI是可插拔的企业级反应应用程序框架。 二、 特征 特征 📦 开箱...

2018/12/17 19:53
92
0
UMI的目录约定

UMI的目录约定如下:(从官网上复制下来的) . ├── dist/ // 默认的 build 输出目录 ├── mock/ // mock 文件所在目录,基于 express ├── config......

2019/03/12 08:51
11
0
umi打包相关记录

1、umi的组成与作用 umi的定位既是一个打包构建发布的框架,也是拥有路由管理相关能力的框架,这些能力的拥有得益于它内外集成了50+个插件,让它的功能具有多样性,从打包到支持路由级的按需...

06/29 11:05
43
0
umi model 注册

model 分两类,一是全局 model,二是页面 model。全局 model 存于 /src/models/ 目录,所有页面都可引用;页面 model 不能被其他页面所引用。 规则如下: src/models/**/*.js 为 global mod...

2019/09/29 10:54
10
0
umi中的connect用法

Umi 首先介绍一下umi,一个将dva React Redux 包装起来的框架(不对的话欢迎大家指教) umi中的connect的用法 简单来说connect是用来连接前端的ui界面和和前端model的一个嫁接桥梁 ,通过使用...

01/21 12:02
1.2W
0
umi 部分使用介绍

1. 创建页面及路由 umi g page index // 创建index首页,会创建一个pages文件夹,里面有index.js 和index.css umi dev // 启动项目到8000端口,localhost:8000会显示刚刚创建的index ...

2019/02/26 20:27
9
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部