Добро пожаловать, друзья, чтобы порекомендовать отличные учебные ресурсы для микроинтерфейса ——awesome-micro-frontends
Микрофронтенд — это архитектура, похожая на микросервисы, которая применяет концепцию микросервисов к стороне браузера, то есть веб-приложение трансформируется из единого монолитного приложения вПриложение, объединяющее несколько небольших интерфейсных приложений в одно.. Каждое внешнее приложение также можетРаботать независимо,Самостоятельная разработка,Автономное развертывание.
Рамка
Китайские ресурсы
- Fengda Huang - Почему микро-фронтенды становятся популярными: развязка серверной части, агрегация клиентской части
- Huang Fengda - все о микроинтерфейсе
- Li Yi - Руководство по Micro Frontend
- Belllee — Введение в микрофронтенды
- Fang Yinghang - Темпоральное начало работы
- Vincent.W — узнайте, что такое микрофронтенды
- Ван Ся приглашает лунного медведя - предварительное исследование концепции дизайна и практики микроинтерфейса
- Yunfeng yf - [Перевод] Я не понимаю микрофронтенды
- Yunfeng yf - [Перевод] Внедрение архитектуры Micro Frontend
- Fengda Huang - Как приземляется микроинтерфейс?
- Хуанг Фенгда - Шесть или семь способов реализации интерфейсных микросервисов
- Fundebug — Как реализовать интерфейсные микросервисы
- Supernavy — фронтальный микросервис push-уведомлений: преодоление узких мест традиционных SPA
- Trotyl Yu - Путь разработки микроинтерфейса Refinement
- Daily Youxian Large Front-end Team - Daily Youxian Supply Chain Front-end Team Micro Front-end Transformation
- Техническая команда Meituan - Создание одностраничного приложения с микроинтерфейсом
- Вершина интерфейса — NetEase тщательно отбирает микроинтерфейсные решения корпоративного уровня и практики внедрения.
- Kuuitos - наверное, самое полное решение Micro-Frontend, которое вы когда-либо видели
- Сюй Хайфэн - Использование 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 — Front-end Microservice Solution 7 — Обмен статическими данными
- Alili.tech — Интерфейсное решение для микросервисов 8 — Вторичное строительство
14-я сессия D2 Micro Frontend
- Yuque — новые виды облачной экологии — система микроинтерфейсной архитектуры
- Yuque — Реализация стандартной микроинтерфейсной архитектуры в Ant
- Yuque — микро-интерфейсная песочница
Angular
React
- Ve - демоверсия микро-интерфейса (singleSpa + React)
- Wang Xia Yao Xiong — шаблон микроинтерфейса приложения на основе React, TypeScript и Webpack.
Vue
Пример
книги
- Fengda Huang - Архитектура интерфейса: от начального до микроинтерфейса
- Michael Geers - Micro Frontends in Action
английские ресурсы
Следующие англоязычные ресурсы в основном взяты изRajasegar - awesome-micro-frontendsProject, спасибо Раджасегару Чандрану за его самоотверженный обмен.
Concepts
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
- Построение микрофронтендов — угловые элементы
- 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
- Микро-фронтенды - мельчайшие подробности или Фронтенд, Бэкэнд, 🌈 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