Это часть моего вебинара на выходных, и в этом видео я рассказываю о микрофронтендах: микросервисы для внешнего интерфейса с использованием Next JS (федерация веб-пакетов 5)
Github
https://github.com/tkssharma/nextjs-микро-интерфейсы
00:00 что такое микрофронтенды
00:56 путешествие от монолита к микрофронтендам
03:19 основные идеи микрофронтендов
06:18 демонстрационный пример микрофронтендов
10 :15 федерация модулей webpack 5
11:53 настройка демонстрационного приложения
12:33 следующая конфигурация с федерацией модулей webpack
14:30 предоставление компонентов из хост-приложения
16:40 использование компонентов в приложении-контейнере
17:58 загрузка компонентов во время выполнения
19:09 давайте запустим демонстрацию и посмотрим на волшебство
Короче говоря, микрофронтенды — это нарезка больших и страшных вещей на более мелкие, более управляемые части, а затем четкое определение зависимостей между ними. Наш выбор технологий, наши кодовые базы, наши команды и наши процессы выпуска должны иметь возможность работать и развиваться независимо друг от друга, без чрезмерной координации. https://martinfowler.com/articles/micro-frontends.html
Объединение модулей Webpack 5 сделало возможным совместное использование компонентов во время выполнения.
Федерация модулей — одна из самых захватывающих функций в Webpack 5, которая меняет правила игры в архитектуре JavaScript. Он поддерживает более независимый и простой обмен кодом между приложениями JavaScript во время выполнения, что делает приложения более адаптивными и динамичными.
Webpack Module Federation упрощает совместное использование кода и зависимостей между различными базами кода. Эта архитектура загружает код динамически во время выполнения, чтобы уменьшить частоту дублирования кода, а главное приложение загружает только отсутствующие зависимости, если таковые имеются.
Мы рассмотрим микрофронтенды с использованием Next.js и Module Federation на демонстрационном примере.
🐦 Twitter: https://twitter.com/tkssharma
🐦 Github: https://github.com/tkssharma
🐦 Сайт: https://tkssharma.com
🐦 Блоги: https://blog.tkssharma.com
Я Тарун, я издатель, разработчик тренеров, работаю над корпоративными технологиями и технологиями с открытым исходным кодом JavaScript-фреймворки (React Angular, sveltekit, nextjs), я работаю с программированием javascript на стороне клиента и на стороне сервера, включая node js или любые другие фреймворки. В настоящее время работает с фреймворком JavaScript React & Node js 🚀 с публикациями разработчиков Graphql 🎉.
Я страстный разработчик Javascript, пишу сквозные приложения с использованием javascript с использованием React, Angular 🅰️ и Vue JS с Node JS, публикую видеоуроки и пишу обо всем, что знаю. Я стремлюсь создать красивый уголок в Интернете без рекламы, спонсируемых постов.
