从零搭建飞冰微前端项目《第一篇:优势分析》
框架选择:
- 基于React的
飞冰
渐进式研发框架(阿里开源,也叫Ice
/Icejs) 微前端
使用icestark
微前端解决方案- UI组件库选择
fusifon
(企业级的中后台设计系统解决方案) - 其他:ahooks、sass等
优势(为什么选飞冰):
- 有微前端解决方案
- ahook、状态管理、路由管理等开箱即用能力(拥有需要的各种封装,配置即用)
- 可视化开发,多个微应用独立开发(可以使用Vue/React开发,最后都在主应用接入)等
开发需要:
- 飞冰官网、Fusion官网、AppWorks官网、icestark官网、ahooks官网、物料市场
官网介绍的业务场景:
icestark 是一个面向大型系统的微前端解决方案,适用于以下业务场景:
- 后台比较分散,体验差别大,因为要频繁跳转导致操作效率低,希望能统一收口的一个系统内
- 单页面应用非常庞大,多人协作成本高,开发/构建时间长,依赖升级回归成本高
- 系统有二方/三方接入的需求
icestark 在保证一个系统的操作体验基础上,实现各个微应用的独立开发和发版,主应用通过 icestark 管理微应用的注册和渲染,将整个系统彻底解耦。
从零搭建飞冰微前端项目《第一篇:优势分析》相关推荐
- 从零搭建飞冰微前端项目《第三篇:搭建微应用》❤️
前言: 把微应用接入主应用,其实很简单,但是要还要考虑数据通信等等问题 路途有点远,也得慢慢走! 微应用把React和Vue都用上吧,反正解耦了 创建微应用就不使用AppWorks了,使用官网模板,再 ...
- 从零搭建飞冰微前端项目《第二篇:搭建主应用》
前提: VsCode里有AppWorks 规范: 主应用又称框架应用或基座应用,一个系统只有一个主应用.主应用应该保持职责明确,一个设计良好的主应用只做两件事情: 系统整体 Layout 的设计 所有 ...
- 从零搭建飞冰微前端项目《第四篇:权限管理》
- 基于qiankun搭建ng-alain15微前端项目示例实践
基础环境 实践日期:2023-03-04 ng versionAngular CLI: 15.2.1 Node: 18.14.2 Package Manager: npm 9.5.0 OS: win3 ...
- 基于qiankun搭建ng-alain15微前端项目入门实践
基础环境 实践日期:2023-02-22 ng versionAngular CLI: 15.1.6 Node: 18.14.2 Package Manager: npm 9.5.0 OS: win3 ...
- 使用 Single-SPA 从零开始搭建 React 微前端项目
在这篇博客中,我们将探讨如何使用Single-SPA从零开始搭建一个React微前端项目,该项目将包含三个不同的子应用.我们将使用Webpack包管理工具和yarn来管理依赖关系,并使用Single- ...
- 如何利用qiankun快速搭建一个微前端项目
前言 小伙伴们大家好.前一篇文章跟大家分享了一些关于微前端的知识点,包括什么是微前端,为什么要用微前端以及如何实现一个微前端,在文章的最后我们还提到了能够实现微前端的两个库:single-spa和qi ...
- 2022年了你必须要学会搭建微前端项目及部署方式
一.微前端简介 微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用.各个前端应用可以独立运行.独立开发.独立部署. ...
- vue简易微前端项目搭建(一):项目背景及简介
github传送门: 1.h5主项目 2.项目脚手架 3.子项目模板 系列文章传送门: vue简易微前端项目搭建(一):项目背景及简介 vue简易微前端项目搭建(二):子项目模板及项目脚手架搭建 vu ...
最新文章
- python数据库框架_Python数据库及ORM框架对比选择
- Samba 系列(九):将 CentOS 7 桌面系统加入到 Samba4 AD 域环境中
- 初五迎财神!即使没有年终奖,也要来一发红包!
- java db 程序_JAVA连接数据库的简单程序
- 十一、探索性数据分析应用案例
- 关于页面之间传参时有空格,中文及点击页面后退按钮的问题
- 蓄势待发!一加10 Pro获3C认证:搭载80W快充+2K LTPO屏
- 关于Navicat 连接mysql报11001错误
- centos8平台用NetworkManager/nmcli管理网络
- 华为第1书:《华为交换机学习指南》当当网预售中
- 天创速盈:拼多多新店什么时候适合直通车?
- ORACLE常用工具介绍
- 微信小程序收款手续费_为什么有人做的小程序交易手续费是0.38%而不是0.6%?
- 五大列级庄_波尔多1855年评定的列级名庄1-5级各有哪些?哪个产区的列级庄最多?...
- html 复选按钮 全选,JS实现复选按钮控件全选和批量操作
- 奥数-------i3*6528=3i*8256 让我们猜猜i的值
- 【机器学习】如何成为当下合格的算法工程师
- W10安装NoteBook(一个Python笔记软件)及使用方法
- 子墨庖丁-Gson的源码分析(1)-开篇
- resultMap中的association使用
热门文章
- “2020年嵌入式软件秋招经验和对嵌入式软件未来的一点思考”
- USB OTG(Host) 、 USB ADB(Device)、DWC3 Charge
- A05-没有奥维vip,导入元素个数受限制,想导入三区三线图斑怎么办?
- Markdown中如何实现内容折叠操作
- 一代盘神谢幕!百度网盘 Pandownload 开发者被抓了!
- 知识图谱-KGE-语义匹配-双线性模型-2019:QuatE
- 家校在线app 页面
- [keil5]从AC5到AC6的转变
- 多源异构网络安全关联分析
- 客户体验决胜2022,低代码是快速取胜之道