Тут на сколько я понял Widget - это полноценное js-приложение, которое выполняется на стороне партнёра. Это вполне возможное решение, там есть свои ограничения, но это работает во многих кейсах. Именно так встраиваются картографические сервисы, например.
Мне этот подход не подходил так как я не хотел писать отдельное приложение для партнёров, я хотел просто научить текущее встраиваться. И тут уже кроме iframe вариантов особых нет.
Если там Реакт-компонент (как я понимаю из контекста), подготовленный через SVGR, например, тогда все svg-изображения становятся частью js-бандла. Это по разным причинам не очень удобно, главная из которых - ты не можешь управлять их загрузкой. Плюс накладные расходы на рендеринг в Реакте.
А если там url до файла, получаемый через file-loader, то у тебя нет возможности встроить это svg на страницу так, чтобы работала стилизация через css.
Тут на сколько я понял Widget - это полноценное js-приложение, которое выполняется на стороне партнёра. Это вполне возможное решение, там есть свои ограничения, но это работает во многих кейсах. Именно так встраиваются картографические сервисы, например.
Мне этот подход не подходил так как я не хотел писать отдельное приложение для партнёров, я хотел просто научить текущее встраиваться. И тут уже кроме iframe вариантов особых нет.
Не понял схему, а технически как должен быть устроен виджет? Что он из себя представляет?
Да, спасибо большое, что упомянули Fetch-Metadata, это важное пояснение!
Я бы не стал завязываться на него в коде приложения, все таки его роль совсем другая, но важно знать, что он есть! Поправил в тексте статьи, спасибо!
Давайте я еще вот эту статью приложу, тут, мне кажется, лучше всего разъясняется специфика: https://web.dev/fetch-metadata/
Получится, каскад будет работать:
https://css-tricks.com/cascading-svg-fill-color
А еще можно написать
fill="currentColor"прямо в SVG, примеры:https://gomakethings.com/currentcolor-and-svgs
Да, все так, Реакт тут опционален, там в конце есть пример использования на ванильном :)
А что у тебя прилетает в ReactComponent?
Если там Реакт-компонент (как я понимаю из контекста), подготовленный через SVGR, например, тогда все svg-изображения становятся частью js-бандла. Это по разным причинам не очень удобно, главная из которых - ты не можешь управлять их загрузкой. Плюс накладные расходы на рендеринг в Реакте.
А если там url до файла, получаемый через file-loader, то у тебя нет возможности встроить это svg на страницу так, чтобы работала стилизация через css.