Вопросы React Frontend Developer

CSS Modules — это метод организации CSS, который позволяет автоматически генерировать уникальные имена классов, чтобы избежать конфликтов имен и сделать стили локальными для компонентов. Это помогает поддерживать кодовую базу чистой и уменьшает вероятность неожиданных изменений стилей.

HMR позволяет обновлять модули в реальном времени, избегая полной перезагрузки страницы. Webpack-dev-сервер отслеживает изменения, пересобирает только изменённые части и применяет их в браузере через WebSocket.

Объекты exports, require и module не являются настоящими глобальными объектами. Node.js оборачивает каждый модуль (файл) в функцию-обертку, которая предоставляет каждому файлу его собственные версии этих объектов. Это изолирует модули друг от друга.

Module Federation — это технология, встроенная в Webpack 5, которая позволяет нескольким независимым JavaScript-приложениям динамически импортировать код друг у друга во время выполнения. Это основа для архитектуры Micro Frontends. Она позволяет разбить одно большое приложение (монолит) на более мелкие, автономные части, которые могут разрабатываться, развертываться и обновляться независимо друг от друга, но при этом работать как единое целое в браузере пользователя.