年度文章集合 | 最全微前端集合【建议收藏】
2024-06-03 08:06:41
欢迎小伙伴们推荐微前端优秀的学习资源 —— awesome-micro-frontends
微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。
框架
- Mooa
- Single-Spa
- Qiankun
- Icestark
- Ara Framework
- OpenComponents
- NUT
- PuzzleJs
中文资源
- 黄峰达 - 为什么微前端开始在流行：后端解耦，前端聚合
- 黄峰达 - 微前端的那些事儿
- 李熠 - 微前端说明书
- Belllee - 微前端简介
- 方应杭 - 微前端入门
- Vincent.W - 了解什么是微前端
- 王下邀月熊 - 微前端的设计理念与实践初探
- 云峰yf -【译】我不懂微前端（前端微服务）
- 云峰yf - 【译】采用微前端架构
- 黄峰达 - 微前端如何落地？
- 黄峰达 - 实施前端微服务化的六七种方式
- Fundebug - 如何实现前端微服务化
- Supernavy - 个推前端微服务化：突破传统SPA瓶颈
- Trotyl Yu - 精致化的微前端开发之旅
- 每日优鲜大前端团队 - 每日优鲜供应链前端团队微前端改造
- 美团技术团队 - 用微前端的方式搭建类单页应用
- 美团技术团队 - Bifrost微前端框架及其在美团闪购中的实践
- 前端之巅 - 网易严选企业级微前端解决方案与落地实践
- Kuitos - 可能是你见过最完善的微前端解决方案
- 徐海峰 - 使用 Angular 打造微前端架构的 ToB 企业级应用
- 张亚涛 - 带你手写微前端框架
- 张亚涛 - 微内核架构在大型前端系统中的应用
- Kiliwalk - 微前端实践
系列教程
- Alili.tech - 前端微服务化解决方案1 - 思考
- Alili.tech - 前端微服务化解决方案2 - Single-SPA
- Alili.tech - 前端微服务化解决方案3 - 模块加载器
- Alili.tech - 前端微服务化解决方案4 - 消息总线
- Alili.tech - 前端微服务化解决方案5 - 路由分发
- Alili.tech - 前端微服务化解决方案6 - 构建与部署
- Alili.tech - 前端微服务化解决方案7 - 静态数据共享
- Alili.tech - 前端微服务化解决方案8 - 二次构建
第十四届 D2 微前端专场
- 语雀 - 云生态新物种 —— 微前端架构体系
- 语雀 - 标准微前端架构在蚂蚁的落地实践
- 语雀 - 微前端沙盒体系
Angular
- AngularInDepth - 构建微前端 Angular Elements
React
- Ve - 微前端(singleSpa + React )试玩
- 王下邀月熊 - 基于 React & TypeScript & Webpack 的微前端应用模板
Vue
- 王圣松 - Single-Spa + Vue Cli 微前端落地指南
示例
- Joeldenning - Vue Microfrontends
- CanopyTax - single-spa-examples
书籍
- 黄峰达 - 前端架构：从入门到微前端
- Michael Geers - Micro Frontends in Action
英文资源
下列英文资源主要来源于 Rajasegar - awesome-micro-frontends 项目，感谢 Rajasegar Chandran 的无私分享。
Concepts
- micro-frontends.org
- Micro frontends — a microservice approach to front-end web development
Posts
- Building Micro Frontends with React, Vue, and Single-spa
- 6 Patterns for Microfrontends
- Micro Frontends by Cam Jackson
- Micro frontends - a microservice approach to front-end web development
- Microservices to Micro-Frontends
- Cookie Cutter Scaling
- Microservice Websites
- What is a micro frontend
- ThoughtWorks Technology Radar
- Dynamic vs. static ui composition
- Micro-libraries: The Future of front-end development
- The monolithic frontend in the microservices architecture
- A Software Architect's Approach towards MicroFrontends
- An approach to building Scalable Web Apps
- A Take on Micro-Frontends
- Building Microfrontends - Series
- Including Front-End Web Components Into Microservices
- Microservice Grid and Micro Frontends
- Microservice Websites
- Microservices to Micro-Frontends by Sandeep Jain
- Front-end microservices with Web Components
- Supporting Micro-frontends with ASP.NET Core MVC
- Building micro frontends — angular elements
- Micro Front-Ends: Webpack Manifest
- My experience using micro frontends by David Den Toom
- Page Building using Micro-Frontends and Server-Side Include
- Strangling a Monolith to Micro-frontends with Laravel, Vue.js, and Hypernova
- Serverless Micro-frontends using Vue.js, AWS Lambda, and Hypernova
- Using Micro-Frontends in WordPress with Gutenberg Blocks
- Taming the Frontend Monolith
- Micro-frontend Architecture: Replacing a Monolith from the Inside Out
- Breaking down the last Monolith - Micro Frontends
Videos
- Micro Frontend - Web Rebels, Oslo 2018
- Break Up With Your Frontend Monolith - JS Kongress 2017
- Youtube Playlist - Micro Frontend Talks
- Microservice Websites by Gustaf Nilsson Kotte
- Breaking The Monolith
- Microservice UI Composition
- Introduction to Piral
Slides
- Micro Frontends - JSUnconf.eu 2017
- Micro Frontend - Web Rebels, Oslo 2018
- Migrating from Monolith to Microfrontends
- Microservice Websites (microXchg 2017)
- Microservice Websites Presentation
- Avoid the Monolith by Michael Geers
- Micro Frontends by Michael Geers
- Micro Frontends - The Nitty Gritty Details or Frontend, Backend, ? Happyend
- Micro Frontends by Assaf Gannon
- Micro Frontends by Srikanth Jallapuram
- Micro Frontends: Building a modern webapp with multiple teams by Michael Geers
- Introduction to micro frontends by Kuba Holak
- Microfrontends architecture by Lucca Mezzalira
- Lets talk about Micro Frontends
- Micro Frontends - a strive for fully verticalized systems
- Building micro-frontends by Luca Mezzalira
Experience Reports
- Upwork: Modernizing Upwork with Micro Frontends
- allegro: Managing Frontend in the Microservices Architecture
- Hello Fresh: Front-end Microservices
- OpenTable: Microservices in the Frontend World
- OpenTable: Dismantling the monolith
- 5 years of OpenComponents
- AutoScout24: UI Composition
- Klarna Checkout
- Spotify: Technology Stack
- Let's build a Webshop out of Micro Frontends
- Using Micro-Frontends to Permanently Solve the Legacy JavaScript Problem
- Micro Frontends with Gustaf Nilsson Kotte
- Experiences Using Micro Frontends at IKEA
- Microservice Websites: Building consumer-facing websites with multiple teams
Related
- Angular_MicroApps_Different_Technologies
- A tiny, fast, zero-dependency event emitter
- Exercises for course "Integrating microservices on the frontend"
- Extending the microservice paradigms to web development
- Micromono
- Microservices in the frontend with BFFs providing their own bundles and API.
- Proxy middleware for express that enables composition of microservices.
- Service Oriented Front-end
- Simulate a micro frontend project using NodeJS, React and NGinx Reverse Proxy in Alpine Docker images
Platforms
- Mashroom Server
- Piral
Awesome Micro Frontends
- Rajasegar - awesome-micro-frontends
- ChristianUlbrich - awesome-microfrontends
本人的全栈修仙之路订阅号，会定期分享 Angular、TypeScript、Node.js/Java 、Spring 相关文章，欢迎感兴趣的小伙伴订阅哈！
年度文章集合 | 最全微前端集合【建议收藏】相关推荐
- Springer英文文献下载不了的文章，从哪里找，【建议收藏】，英文文献技巧分享
当你看到今天这篇文章的时候,以后你的科研之路注定要通畅许多,今天一次性把如何下载英文文献讲清楚,建议收藏,以后多次反复观看. 同样直接干货教学,来自网友的一个免费求助案例 拆解案例: 求助文献标题:S ...
- 最全JavaScript基础总结~建议收藏
JavaScript介绍 什么是JavaScript? Javascript是一门面向对象的,跨平台的脚本语言. JavaScript有什么特点? 解释性脚本语言 运行在浏览器(浏览器内核带有js解释 ...
- C语言十大操作符超全详解【建议收藏】
C语言操作符操作符繁多但一共可以大致分为10大类 文章目录 C语言操作符操作符繁多但一共可以大致分为10大类 一.算术操作符 C语言提供所有常见的算术运算符+, - , * , / , % 二.移位操 ...
- verilog always语法_Verilog 最全经验总结（建议收藏）
关注.星标公众号,直达精彩内容 公众号:ZYNQ ID :FreeZynq 1.不使用初始化语句: 2.不使用延时语句: 3.不使用循环次数不确定的语句,如:forever,while等: 4.尽量采 ...
- 99%的人看了它都会说这是一篇很全的tomcat服务❤️❤️[⭐建议收藏⭐]
文章目录
- Unite Shanghai 2019全日程曝光（建议收藏）
https://mp.weixin.qq.com/s/KvAyXpDhqWROtTX1Ol3a4Q 5月10-12日,Unite Shanghai 2019即将在上海国际会议中心正式开幕.本次大会共设 ...
- 史上最全的 python 基础知识汇总篇，没有比这再全面的了，建议收藏
网友们有福了,小编终于把基础篇的内容全部涉略了一遍,这是一篇关于基础知识的汇总的文章,请朋友们收下,不用客气,不过文章篇幅肯能会有点长,耐心阅读吧 爬虫(七十)多进程multiprocess(六十一) ...
- 开发使用的前端框架,建议收藏
一.React UI组件库 Ant Design :文档齐全,社区生态良好,有手机版,还有PC版.可以用来快速创建手机/后台/内部应用的UI组件库.我的博客,就是那这个组件库制作的. 网址:https ...
- 免费在线PDF工具，支持全平台！强烈建议收藏！
处理PDF文件在工作中是会经常遇到的,特别是在从事文职工作的人,或者IT行业的,几乎每天都有各种各样的PDF文件需要处理,市面上处理PDF文件的工具基本都是收费的.为了偶尔处理那么一次文件去买一个不便 ...
最新文章
- axure中怎么做出固定首行_Excel:固定表头的方法
- 不是python中用于开发用户界面的第三方库-20个必不可少的Python库也是基本的第三方库...
- JS获取自定义属性data-*值与dataset
- JS动态插入HTML后不能执行后续JQUERY操作
- dataearth可视域分析_谁不知道前期分析要用ARCGIS？我就是不会用啊
- datetime 比较_Python 字典中key命中取值的两种方法性能比较！
- Python学习之旅：用Python制作一个打字训练小工具
- IOS开发之第三方登陆——友盟
- Julia:副本copy引发的问题，期待0.4.0版本！
- 控制台接收信息转发_微信多群转播能够起到什么作用？微信群聊录制课程语音转发多群怎么操作？...
- luogu1600天天爱跑步
- javascript 去掉html标签,js怎么去掉html标签
- java开发工具（3）你真的会用IDEA么？（下）keyMap、Project Structure功能介绍
- 计算机如何与机顶盒连接网络连接网络连接,如何将机顶盒连接到计算机
- form表单提交既有文字也有图片的情况下，增加enctype属性
- 【2022年9月】237条微信内置浏览器UA
- 2022-2028全球氨洗涤器行业调研及趋势分析报告
- SMT在生产时，对环境温度的要求有哪些？
- flash插件替换方案-把uploadfy替换为uploadfive
- 自然语言处理学习2：英语分词1word_tokenize, WordPunctTokenizer, TreebankWordTokenizer , WhitespaceTokenizer等