Комментарии 2
Спасибо. Хорошая статья.
Shadow dom хорошо работает с глобальными css переменными. Минус. Руками делать сложно. Но с ии мне кажется можно проблему решить. Хочу попробовать когда время будет. Но там есть проблема, если сайту нужен быстрый первый отклик и скелетон эффект. Хотелось бы продолжение про это увидеть в следующей статье )
Честно говоря, не так и часто приходилось что-то именно пробрасывать из хоста в дочерние приложения. Целью было как раз наоборот, отделить использование стилей.
А в современных фреймворках, когда они стали повсеместно использовать свои CSS переменные и появилась возможность их ложить не в Root, а в Shadow Root, все стало намного проще и прозаичнее.
Изначально мы с Александром решали проблему как раз с изоляцией стилей, а вот этот вопрос в виде "а что если таки надо пробросить?" был бонусным и нашел свой ответ как раз в CSS переменных, поскольку среди техник изоляции Shadow DOM был неоспоримым лидером.
Скелетон эффект достаточно просто реализуется в хостовом приложении, пока он грузит дочерние. В современном ангуляре так это стало сделать еще проще благодаря новым директивам. К тому же как раз за счет микрофронтендов и получается довольно быстрый первый отклик - изначально загружвется только ххостовое приложение, которое, как правило, весит очень мало и уже может показать базовые состояния и инициировать загрузку нужного микрофронтенда, который тоже будет весить суммарно с хостовым куда меньше полноценного монолита. Естественно, такой же оптимизации можно добиться и в пределах одного фреймворка и отложенной загрузки, но когда целью является создание системы, которая в перспективе будет иметь неизветное число суб-систем (например, какая-нибудь система управления организацией, где и сотрудники будут, и отчеты, и еще тонна всего), то хранить это в едином проекте - довольно рискованно и может быть большой порог вхождения. Для этой цели и есть микрофронтенды. Но, думаю, выбор архитектуры - это уже задача системного архитектора, т.е. вне контекста данного топика.
Изолируй это! Про конфликты стилей в микрофронтендах