Alex Shestakov

[Alex Shestakov @AlexShestakov_]

@aliospony 🇳🇱

[Dmitry Makhnev @DmitryMakhnev]

Unfortunately, my colleague didn't receive a US visa before the travel start deadline. As a result, she is selling her ticket to React Conf 2024. If you are interested in buying the ticket, please write to me, and I will connect you with her.

Rt plz. Thanks.
#reactconf2024

[Alex Shestakov @AlexShestakov_]

@_bravit В конечном итоге в новых версиях браузеров обычно появляется стандартизированное свойство, но в старых версиях и в старом коде остаются префиксы. По сути это такой механизм бета-теста фичей CSS. Вот пример как оно выглядит https://t.co/2t6fljz8CP

[Alex Shestakov @AlexShestakov_]

@_bravit Иногда конкретные браузеры внедряют какие-то экспериментальные css-свойства, которые, например, ещё не вошли в стандарт. В этом случае они добавляют к ним префикс (-webkit-*, -moz-*, -ms-* и т.д.). Свойства с префиксом могут работать по-разному в разных браузерах.

[Alex Shestakov @AlexShestakov_]

@ariarzer @endorphin82 Кажется что всё, что не сломается при изменении порядка подключения и при частичном подключении стилей можно сделать с css-модулями. То есть не совсем понятно ради чего нужна такая настройка?

[Alex Shestakov @AlexShestakov_]

@ariarzer @endorphin82 К сожалению не все пользователи Некста такие сознательные, а значит им нужно было решение которое гарантированно не даст людям выстрелить себе в ногу:)

[Alex Shestakov @AlexShestakov_]

@AlexShestakov_ @endorphin82 У меня не будет такого бага, потому что я умею нормально называть классы. Я вообще просто общую страницу со всеми презентациями делаю просто)

[Alex Shestakov @AlexShestakov_]

@ariarzer @endorphin82 Можно "отломать" это ограничение меняя конфиг вебпака, но тогда появляется два риска 1) при каком-то наборе переходов по твоему сайту css зависящий от порядка подключения сломается (неприятная бага - очень тяжело искать). 2) при обновлении Некста надо будет заново "отламывать"

[Alex Shestakov @AlexShestakov_]

@ariarzer Тогда способ @endorphin82 самый простой и надёжный с точки зрения будущих обновлений Некста. По сути ты так обходишь оптимизацию ресурсов и заставляешь Некст подключить все стили в каждой HTML-ке, в том порядке в котором они заимпортированы в pages/_app.js

[Alex Shestakov @AlexShestakov_]

@vitalyf I’m using Clipy. Not sure that this is a best option, but it’s free and pretty convenient. https://t.co/Fb88g1Nh2j

[Alex Shestakov @AlexShestakov_]

@ariarzer 2)Позволяют явно, на уровне кода, отделить кастомизируемые части компонентов от некастомизируемых. В идеальном мире, это решается договоренностями, но, к сожалению, в реальности договоренности, не закреплённые в коде, рано или поздно нарушаются

[Alex Shestakov @AlexShestakov_]

@ariarzer Модули полезны в библиотеках

1)Спасают когда на одну страницу случайно приехало две разные версии одного компонента. Это конечно надо разруливать на уровне зависимостей, модули просто понижают критичность этой проблемы, БЭМ в данном случае не поможет)

[Alex Shestakov @AlexShestakov_]

@the2pizza Согласен, но хоть так, бтв отключить Wink в Ростелекоме ещё больший ад, расчёт на то что ты забьешь и оставишь всё как есть, забавно что UX в обе стороны работает

[Alex Shestakov @AlexShestakov_]

@the2pizza В Тинькофф и Альфе можно 20 минут поругаться с поддержкой в чате и они отключат все рекламные пуши, будут говорить что там важная информация или что пропадут пуши про списания, но по факту они умеют отключить только рекламу, главное прорваться выше первого уровня поддержки:)

[Alex Shestakov @AlexShestakov_]

@kakpoelipokakal Мне всё ещё кажется что тебе может понравится если ты найдёшь интересный для себя способ в это вкатиться:)

[Alex Shestakov @AlexShestakov_]

@DmitryMakhnev @cakeinkatya Я делал, меня консультировали:) Там в результате всё равно есть несколько моментов которые нужно будет сделать вне роллапа или кастомными плагинами к нему, но это зависит от того как конкретно устроен репозиторий и каким должен быть собраный пакет

[Alex Shestakov @AlexShestakov_]

@cakeinkatya Интуитивно кажется что будут проблемы с SSR, так что если он нужен, то возможный выход - шареный CSS и логика на чистом JS и по две версии каждого компонента

[Alex Shestakov @AlexShestakov_]

@DmitryMakhnev Есть более простой вариант чем прокси-кеши) https://t.co/3292q54Hwm