Search
Write a publication
Pull to refresh

Comments 10

Хабр все больше превращается в заметки о том как кто-то что-то сделал в стиле "чтобы не забыть". Почему бы Вам в своей заметке не указать, хотя бы какую-нибудь вводную, например, чем этот подход лучше media queries? Какие есть альтернативы и т.п.?

Media queries не работает с css-in-js.
В какой именно библиотеке они не работают? В styled components и emotion — работают превосходно.
Да, вы правы, ошибся, тогда тоже интересует вопрос выше.
Чем этот подход лучше media queries?
Работает так же как и в css-in-css
Спасибо за комментарий. Сожалею, что статья показалась Вам неинтересной.

Не возьмусь утверждать, какой метод лучше или хуже. Но вот Вам пример из личного опыта, где я и команда решили использовать адаптивный метод. Архитектор приложения в своем решении указал, что юзер должен получать бандл только с тем кодом, который необходим ему для сессии — js, css и html, т.е. не давать клиенту код для десктопа, если он зашел с телефона.
UFO landed and left these words here

С этим браузер тоже успешно справляется самостоятельно, если разбить стили на модели и указать медиа-запросы при подключении)

Ну, по правде говоря, это может быть лучше тем, что мы можем отслеживать изменения не размера экрана, а размера самого компонента. Вот тут открываются уже поистинне широкие возможности по кастомизации внешнего вида компонента не в зависимости от экрана монитора, а в зависимости от места, которое может быть доступно для этого компонента.

Но вешая observer на каждый триггер reflow не такая производительная вещь, особенно, если речь о кроссбраузерности.

Sign up to leave a comment.

Articles