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

2023-11-06

介绍

最近接触到了一个新的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行),把骨架搭好,把框架的生命周期钩子暴露出来,然后通过插件让功能丰富起来(包括现有的内部逻辑也是这么实现的

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐

  • jsp导出word 带图片

    1 将word另存为html格式 然后将html格式的文件另存为jsp格式 2 在jsp页面中添加表头 3 将输出的内容加到对应的列 4 输出的图片从数据库中取出 上传到服务器的临时目录下 获取图片的绝对路径 将绝对路径输出到页面 Blob
  • JavaScript-数组操作方法汇总

    一直以来都想把js中操作数组的所有方法进行一个汇总 今天终于完成了 希望可以给大家带来一些便利 一 ES5数组操作方法 转换方法 toString 返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串 toLocaleString
  • 医院信息管理系统/医院管理系统的设计与实现

    摘 要 21世纪的今天 随着社会的不断发展与进步 人们对于信息科学化的认识 已由低层次向高层次发展 由原来的感性认识向理性认识提高 管理工作的重要性已逐渐被人们所认识 科学化的管理 使信息存储达到准确 快速 完善 并能提高工作管理效率 促进
  • 【前端】Vue项目:旅游App-(6)city:隐藏TabBar的2种方法

    文章目录 目标 过程与代码 方法1 通过路由隐藏 方法2 用样式隐藏 对方法2封装 总代码 修改的文件 common css index js city vue 目标 city页是点击上篇 广州 位置所跳转的页面 此页面要隐藏TabBar
  • 用友实训控制系统服务器,服务器环境配置实训.doc

    服务器环境配置实训 系统环境建设 1 1 背 景 知 识 1 1 1 生产制造管理概述 1 生产类型 首先 我们对生产给一个通用的定义 生产是在经济上和管理上有效地建立起来的一个过程 它将一些输入转换成商品或服务 一般将生产分为开采 提炼
  • 成功解决OSError: Looks like you do not have git-lfs installed, please install. 【没有root权限】

    成功解决OSError Looks like you do not have git lfs installed please install You can install from http 问题描述 什么是git LFS 解决方案 没
  • 算法提高(VIP)——最长公共子序列

    题目描述 给定两个字符串 寻找这两个字串之间的最长公共子序列 输入格式 输入两行 分别包含一个字符串 仅含有小写字母 输出格式 最长公共子序列的长度 样例输入 abcdgh aedfhb 样例输出 3 题解 动态规划 f i j 集合 所有
  • visio导出高质量图片

    具体操作如下 首先 ctrl A 然后选择 另存为 保存类型选择 Tag图像文件格式 接着在输出里面设置 压缩格式选为 LZW 接着是 256色 然后选择 打印机 下面是 源 然后点击确定就可以了 这样绝对是满足投稿要求的 分辨率为300d
  • 使用jQuery ajax解决mailchimp注册表单二次跳转问题

    当我们在mailchimp后台创建好表单之后 将表单html复制到我们的网站 我们发现 在提交表单时会再次跳转到一个mailchimp表单提交页面 且无法控制表单提交成功之后的逻辑 如果我们能做到自己提交表单异步请求 然后就能控制mailc
  • ubuntu unable to connect to rdp server

    今天早上开机 远程连接win 提示unable to connect to rdp server 昨天还好好的 怎么今天突然不行了 telnet win 的3389端口 是通的 用remina remote desktop client 连
  • linux基础之用户和用户组

    目录 一 用户 1 用户文件 2 查看用户时 cy x 1000 1000 cy home cy bin bash 3 useradd 添加用户 4 passwd 修改密码 要到root用户下 5 su 切换用户 6 userdel 删除用
  • c语言---字符串为什么不能修改内容???字符串常量存放在常量区吗???

    疑惑 1 const修饰的变量都存放在常量区吗 2 字符串常量存放在那 为什么字符型指针 char 指向字符串不能修改其内容 字符串的演变 char p 123456 123456 常量字符串 char static const char
  • Linux专栏的卷首语

    2023年5月15日 周一早上 昨天我决定为了找工作而开始深入学习Linux 于是今天早上开一个Linux专栏来记录我的学习记录 之前我因为感兴趣曾经学习过一段时间的Linux 之前因为看不到学习Linux的好处而放弃了对Linux的学习
  • 神经网络学习小记录45——Keras常用学习率下降方式汇总

    神经网络学习小记录45 Keras常用学习率下降方式汇总 2020年5月19日更新 前言 为什么要调控学习率 下降方式汇总 1 阶层性下降 2 指数型下降 3 余弦退火衰减 4 余弦退火衰减更新版 2020年5月19日更新 增加了论文中的余
  • JVM性能调优实战

    JVM调优调什么 JVM 调优是一个系统而又复杂的过程 但我们知道 在大多数情况下 我们基本不用去调整 JVM 内存分配 因为一些初始化的参数已经可以保证应用服务正常稳定地工作了 而且一般情况下 就算出现了 也是架构师级别的去处理 实际上
  • c++ to_string、stoi()、atoi()使用

    1 to string 包含在 include
  • SQL连续登录4天及以上的用户

    需求 连续登录4天及以上的用户 有一个表login test 求出连续登录4天及以上的用户 方法一 排序窗口函数 row number select row number over partition by user id order by
  • 探讨linux进程的三种时间(real time, system cpu time, user cpu time)的实现

    APUE 3 9节中关于系统调用read给出了不同大小的缓冲区会导致读取效率的差异 这里stevens用三种时间表示读取文件过程所花费的时间 这三种时间分别为真实 时钟时间 real clock time 系统cpu时间 system cp
  • 前端知识学习

    以下是一个使用Angular 13实现的示例代码 实现了当div出现滚动条时给div底部加上阴影效果 并随着滚动条的拖动保留阴影效果 当滚动条拉到最后时 阴影效果消失 首先 在你的组件的HTML模板中添加以下代码 div class con
  • 最适合初学者使用的react框架—UMI.js

    介绍 最近接触到了一个新的react框架 大大省略了我开发的时间 而且学起来和上手都挺容易的 但论坛上关于这个框架的介绍并不多 我就大概介绍一下这个框架并写一些使用心得 1 什么是umi 它是由dva的开发者云谦编写的一个新的React开发