Что такое МИКРОФРОНТЕНД за 10 минут
ฝัง
- เผยแพร่เมื่อ 25 ต.ค. 2022
- Арендуйте гибкий облачный сервер в Selectel с новым SSD-диском и экономьте до 30%: slc.tl/eb1ct
В статье мы узнаем:
- Что такое микрофронтенд
- Зачем нужен микрофронтенд
- Когда нужен и когда не нужен микрофронтенд
- Что общего у микрофронтенда и микросервисной архитектурой (MSA) на бэке
- Подводные камни микрофронтендов
- Способы решения ограничений микрофронтендов
- Как перейти на микрофронтенд
Поддержать канал разово - yoomoney.ru/to/410012243709514
Поддержать канал подпиской - boosty.to/listenit
Я.Дзен - zen.yandex.ru/listenit
Телеграм-канал - t.me/listenit_channel
По вопросам сотрудничества - t.me/ed_akimov
Ссылка на статью - tproger.ru/articles/mikrofron...
Различия SOA и микросервисной архитектуры за 9 минут - • Различия SOA и микросе...
Компиляция и интерпретация за 10 минут - • Компиляция и интерпрет...
Что такое TypeScript за 9 минут - • Что такое TypeScript з...
Что такое Swagger и OpenAPI за 3 минуты - • Что такое Swagger и Op...
Введение в REST API за 7 минут - • Введение в REST API за...
Различия REST и SOAP за 4 минуты - • Различия REST и SOAP з...
Что такое HTTP и HTTPS за 9 минут - • Что такое HTTP и HTTPS...
Что такое TCP/IP - • Что такое TCP/IP: Объя...
Что такое прокси-сервер за 7 минут - • Что такое прокси-серве...
Что такое Kubernetes за 9 минут - • Что такое Kubernetes з...
Что такое Docker за 5 минут - • Что такое Docker за 5 ...
Что такое ETL и ELT за 10 минут - • Что такое ETL и ELT за...
Что такое CRUD за 6 минут - • Что такое CRUD за 6 минут
Что такое middleware за 7 минут - • Что такое middleware з...
Что такое идемпотентность - • Что такое идемпотентно...
Что такое ACID за 9 минут - • Что такое ACID за 9 минут
Что такое HATEOAS за 4 минуты - • Что такое HATEOAS за 4...
Что такое CI/CD - • Что такое CI/CD? Разби...
Что такое Code First подход за 4 минуты - • Что такое Code First п...
Что такое Contract First подход за 4 минуты - • Что такое Contract Fir...
Pb3XmBtzsqZfF9cVHv4jQzDt7aBpdkJUh53LJye
Че то вода водянистая... И селектел 😁
Чисто рекламный ролик
треть ролика реклама емае)
А я думал микрофронтенд это консольные утилиты =-)
Я далек от фронта, поэтому не совсем понял концепт. Если мы разрабатываем фронт, например, на Vue, то мы уже всё разделили на достаточно независимые компоненты. Но у нас остается необходимость в оркестровке, которую и выполняет сам Vue. Концепция микрофронтенда нас возвращает к тому же самому - условно независимые компоненты + оркестратор. По сути, я увидел единственное значимое отличие. Возможность писать на разных фреймворках. Которым всё равно нужен оркестратор. К этому нужно добавить поддержание единого стиля приложения. На хабре как раз обсуждали вопрос, что делать при редизайне всего портала. Поэтому мне не совсем понятны выгоды. Можно ведь просто пересадить все команды на один фреймворк, но каждая будут отвечать за свой функционал. В случае чего, команды можно перекинуть и на другую задачу. Как перекинуть реактеров на ангуляр, мне не совсем понятно.
например, есть сайт html js игр. Туда можно загрузить свою игру, сделанную на любом фреймворке (все равно оно билдется в js, html, css). При использовании микрофронта, этому сайту игр не приходится менять разметку, дополнительно встраивать эту новую игру и самое главное, не приходится заново билдеть сайт, в котором лежат эти все игры. Они просто встраиваются и работают
В данном случае такая архитектура преследует выгоду разгрузки приложения, путем деления его на блоки. Ведь когда кодовая база одного проекта становится слишком большой, проект сложнее дополнять. Мне сразу приходит в голову Яндекс, где все их детище поделено на сервисы, а те, в свою очередь на микросервисы, что позволяет легче поддерживать одну часть приложения - одной командой, будь то хедер на всех сервисах, или еще что-то
вы же использовали библиотеку компонентов это практически микро фронтенд только здесь нужно самому писать эту библиотеку которую потом юзают и дизайнеры для отдельных фич и тестировать ничего уже не нужно, и заново все верстать
Пороботай над SEO роликов, это не трудно
Что-то я не понял, микрофронты только для web/pwa или для мобилок тоже? И если для мобилок тоже, то разве это не обязывает релизить мобилку при каждом апдейте отдельного микрофронта, иначе клиенту ничего не заедет?
СЕООНЛИ - кодер-легенда ставит лайк
пиздец, утонул в потоке воды
Это про селектел а не про микрофронтенд
оверхед селектела :)
Вообще ниочем!! Вода одна!
Диз за 2 минуты булшита в начале.
Селектел оч плохой хостер, я лучше к регру пойду.
Хочется поговорить что фронты охренели. Давайте 10 фреймворков использовать на одной странице чтобы 1 вкладка сжирала всю оперативу и при плохом интернете страница вообще нахер не загружалась.
Бэкендеры уходят в микросервисы как раз от безысходности - как много усилий в вертикальное масштабирование не вложи настанет момент когда упрешься в потолок. А фронтендеры видимо от неxyй делать)
Бэкендеры уходят в микросервисы потому что долбоёбы, любят всякую хайповую дичь и не могут нормально настроить свою говноподелку.
А фронты аккуратно разделяют компоненты приложения по репозиториям, чтобы каждый инструмент мог быть доступен для пользователя. А про разные фреймворки на разном сервисе - это вообще наркоманская шизофрения.
вы не достаточно компетентно относиться к комментариям, если вам не нравится что фронтенд разработка требует много библиотек вы можете использовать монолитные решения и по беку, С# дает прекрасные решения для mvc, но рынок формирует это не потому на чем пишут, а потому что требуют, и если ваша команда действительно пишет на React то следует дополнительно принять во внимание что это не фреймворк а библиотека и общая концепция его действительно предполагает свободный дизайн через это (или ищи классного фронтенда разработчика) или терпи ибо иначе никак, и тут четко объяснили что это не для сайтов на несколько страниц это для больших корпоративных решений, что с начала будет многое требовать, а потом позволит сайты или подобные вещи разрабатывать с достаточно большой скоростью.
Автору минус, иди рекламу снимай