最适合初学者使用的react框架—UMI.js

栏目: 服务器 · 发布时间: 7年前

内容简介:最近接触到了一个新的react框架,大大省略了我开发的时间,而且学起来和上手都挺容易的。但论坛上关于这个框架的介绍并不多。我就大概介绍一下这个框架并写一些使用心得。1.什么是umi它是由dva的开发者云谦编写的一个新的React开发框架。它既是一个框架也是一个工具。简单的理解可以称它为一个类 next.js 的专注性能的前端框架。通过约定、自动生成和解析代码等方式来辅助开发,减少开发者要写的代码量。

介绍

最近接触到了一个新的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


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

释放潜能:平台型组织的进化路线图

释放潜能:平台型组织的进化路线图

穆胜 / 人民邮电出版社 / 2017-12 / 59.80元

传统的组织模式中,企业逃不出“员工动不起来”和“创新乏力”的宿命。互联网改变商业逻辑的同时也改变了组织逻辑。平台型组织是匹配互联网商业逻辑的组织模式,它赋予了基层员工更多的责权利,能够在需求侧灵敏获取用户刚需、在供给侧灵活整合各类资源、用“分好钱”的机制激活个体去整合各类资源满足用户刚需,形 成供需之间的高效连接。 打造平台型组织有两大主题:一是通过设计精巧的激励机制让每个人都能感受到市场的压力,......一起来看看 《释放潜能:平台型组织的进化路线图》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换