流行的微前端框架有哪些,适应场景是什么

devtools/2024/9/24 6:13:46/

以下是一些流行的微前端框架,各自的适用场景

1. Single-SPA

适用场景

  • 适用于需要将大型应用拆分为多个小型、独立应用的场景。
  • 支持多种框架的集成。

GitHub地址
Single-SPA

Star数量
约6.8k

2. qiankun

适用场景

  • 基于Single-SPA,提供了更简单的API和开箱即用的功能。
  • 适合快速搭建微前端项目,支持多种框架的应用组合。

GitHub地址
qiankun

Star数量
约26.7k

3. Module Federation

适用场景

  • 主要用于Webpack 5构建的项目。
  • 支持运行时动态加载和共享模块。

GitHub地址
webpack/module-federation

Star数量
约8.5k

4. Lego.js

适用场景

  • 基于React的微前端框架,提供了组件级别的粒度拆分。

GitHub地址
Lego.js

Star数量
约1.7k

5. FrintJS

适用场景

  • 结合了React和Redux的优势,提供了一套完整的微前端解决方案。

GitHub地址
FrintJS

Star数量
约1.5k

6. Luigi

适用场景

  • 适用于企业级应用,特别是那些需要复杂导航和权限控制的应用。

GitHub地址
Luigi

Star数量
约2.7k

7. icestark

适用场景

  • 基于React的微前端解决方案,支持服务端渲染(SSR)和静态站点生成(SSG)。

GitHub地址
icestark

Star数量
约2.2k

注意事项:

  • Star数量会随着时间变化,建议访问GitHub页面查看最新数据。
  • 选择微前端框架时,除了考虑star数量,还应结合项目需求、团队技术栈和框架的实际功能进行综合评估

http://www.ppmy.cn/devtools/116366.html

相关文章

统信服务器操作系统【qcow2 镜像空间扩容】方案

使用 qcow2 镜像安装系统,当默认安装系统存储空间不够用时,进行自定义扩容 文章目录 准备环境扩容步骤一、检查环境信息1.查看镜像信息2.查看镜像分区信息3.确认需要扩容的分区名二、扩容1.备份镜像2.创建新的镜像文件,并指定空间3.将系统扩容到新的镜像三、扩容 lvm 分区四…

着色器ShaderMask

说明 实现一个渐变进度条,要求: 颜色渐变的过程是循序渐进的,而不是看起来像是将渐变条逐渐拉长了。 效果 源码 // 渐变进度条Stack(children: [// 背景色板Container(width: 300,height: 8,decoration: BoxDecoration(borderRadius: Bord…

Unity-物理系统-刚体加力

一 刚体自带添加力的方法 给刚体加力的目标就是 让其有一个速度 朝向某一个方向移动 1.首先应该获取刚体组件 rigidBody this.GetComponent<Rigidbody>(); 2.添加力 //相对世界坐标 //世界坐标系 Z轴正方向加了一个里 //加力过后 对象是否停止…

基于QT的C++中小项目软件开发架构源码

描述 基于QT信号槽机制实现类之间的交互调用通信&#xff0c;适用于使用不同枚举作为消息交互的类型场景&#xff0c;支持附带任意参数&#xff0c;代码使用方式参考前一篇文章 特性 仅需包含一个头文件Communicator.h&#xff0c;需要通信的业务类继承Communicator&#xf…

【数据结构】什么是二叉搜索(排序)树?

&#x1f984;个人主页:修修修也 &#x1f38f;所属专栏:数据结构 ⚙️操作环境:Visual Studio 2022 目录 &#x1f4cc;二叉搜索(排序)树的概念 &#x1f4cc;二叉搜索(排序)树的操作 &#x1f38f;二叉搜索树的查找 &#x1f38f;二叉搜索树的插入 &#x1f38f;二叉搜索树的…

C++存储数据单位转换输出字符串

C封装存储数据单位转换, 方便将输入数据以指定方式输出 main.cpp #include <wtypesbase.h> #include <string> #include <vector> #include <tchar.h>#ifdef _UNICODE using _tstring std::wstring; #else using _tstring std::string; #endif// 数…

vue3知识汇总

vue3.x 0. changelog https://juejin.cn/post/7030992475271495711#heading-0 1. vite//要构建一个 Vite Vue 项目&#xff0c;运行&#xff0c;使用 NPM:npm init vitejs/app 项目名//使用 Yarn:yarn create vitejs/app 项目名//你会觉得非常快速的创建了项目&#xff0c;然…

vue-router路由(重定向,嵌套,动态路由匹配,命名,高亮,守卫)

一、前端路由的概念与原理 路由router就是对应关系。分为前端路由和后端路由。 1后端路由 后端路由指的是&#xff1a;请求方式、请求地址与function处理函数之间的对应关系。在node.js中&#xff0c;express理由的基本用法如下&#xff1a; const express require(expres…