共计 1117 个字符，预计需要花费 3 分钟才能阅读完成。
介绍
最近接触到了一个新的 react 框架，大大省略了我开发的时间，而且学起来和上手都挺容易的。但论坛上关于这个框架的介绍并不多。我就大概介绍一下这个框架并写一些使用心得。
1. 什么是 umi 它是由 dva 的开发者云谦编写的一个新的 React 开发框架。它既是一个框架也是一个工具。简单的理解可以称它为一个类 next.js 的专注性能的前端框架。通过约定、自动生成和解析代码等方式来辅助开发，减少开发者要写的代码量。umi 是通用方案，几乎适用于现在所有的 web 环境。
2.umi 的优势 umi 是一个类 next.js 的专注性能的前端框架，它的优势是：
内置的大量性能优化
多端，无缝支持容器和浏览器访问
类 webpack 的插件机制
针对 antd 和 dva 有友好的支持
之前在使用官方脚手架 create-react-app 的时候你不光需要了解 react 的知识还需要懂得 redux、react-router，初学者在结合这些知识的时候是很困难的。而 UMI 是结合了目前市面上流行的 dva 状态管理工具和文件即路由的方式来开发项目。什么是文件即路由呢？那就是你在 page 下新建了文件，UMI 会自动帮你生成配套的路由！是不是非常方便，特别是在多人协同开发的时候你不用再担心每个人路 = 路由配置的问题了。
3.umi 的可扩展性作者称“umi 有着类 webpack 般灵活的插件机制，他就是一个架子”。主要的 umi 项目，甚至不到 700 行代码（629 行），把骨架搭好，把框架的生命周期钩子暴露出来，然后通过插件让功能丰富起来（包括现有的内部逻辑也是这么实现的）。我却更喜欢把它形容为一个高达玩具，对于刚入手的玩家，可以根据说明书，一步一步的组装出自己心爱的玩具。而对于高玩来说，官方提供了一个骨架，保证了高达的可动性，然后你自己可以随意的 DIY，任意的使用材料和设计方式。对于 umi 也是相同，对于刚接触前端的朋友，你可以很好的完成公司的业务需求。对于对前端有一定了解的朋友，你可以随意的修改，包括配置、编译、开发、模板、请求方式、数据流等等，几乎所有你能想到的前端工程化的内容，都允许你自定义。并且在一步步接触这些可配置项的时候，你也对前端工程化有了一步步的认识和理解。
4.umi 的性能对于项目性能方面，UMI 也做了很多的优化，包括尺寸，执行效率，首屏加载时间，用户体验等等方面，但这些对于开发者其实是无感知的，可以说有时候你就升级了一下插件版本，你的整个项目就优化了，你根本不需要进行任何的多余操作。作者称“你只管写业务代码，我会负责性能，并且随着 umi 的迭代，我保证你的应用会越来越快”。简单的说，umi 做到了开箱即用，对于开发者和前端初学者是非常友好的。
下一篇文件我会介绍如何使用 umi
