Введение в объединённые модули 0:01 Объяснение новой функции объединённых модулей в Webpack 5. Цель видео: продемонстрировать основные особенности функции.
Проблема разделения кода в React 0:29 Пример с приложением React, использующим библиотеки и компоненты. Проблема: необходимость отображения карусели товаров на разных страницах.
Традиционные подходы к решению проблемы 1:11 Извлечение кода в библиотеку npm и публикация. Сложности с управлением DOM в React при использовании внешних HTML-файлов. Упоминание микроплатежей и других решений.
Преимущества объединённых модулей 2:20 Объединённые модули позволяют оставлять код в приложении и использовать его в других проектах. Включение зависимостей и библиотек в объединённые модули.
Демонстрация проекта 3:09 Запуск проекта в VS Code. Структура проекта: три приложения home, search, nav. Конфигурация Webpack с плагином для объединённых модулей.
Импорт компонентов 4:22 Импорт заголовка из навигационного проекта. Динамический импорт компонентов между приложениями.
Тематизация и совместное использование кода 5:05 Демонстрация тематизации Material UI в трёх приложениях. Совместное использование кода между приложениями.
Ленивая загрузка компонентов 6:01 Создание кнопки для ленивой загрузки карусели товаров. Проверка динамической загрузки компонентов.
Расширение возможностей объединённых модулей 7:10 Импорт данных о фруктах и компонента «карточка продукта». Демонстрация возможности экспорта любых JavaScript-объектов.
Заключение и перспективы 8:22 Обсуждение изменений в архитектуре веб-приложений. Примеры использования объединённых модулей в администрировании и аналитике. Перспективы развития технологии SSR.
