Фронтенд дайджест #128 Лучшее за неделю Подкаст Очарованные | FrontoWeek: Недельный дайджест [Фронтовик]

Фронтенд дайджест #128
Лучшее за неделю
Подкаст

Очарованные циферками.
Data-Driven подход отлично зарекомендовал себя, как наиболее эффективный способ приоритезации задач: провели эксперимент → собрали много данных → проанализировали → приняли решение. Да, синяя кнопка действительно приносит больше денег, чем зелёная.

Примечательно, что сайты, усиленно использующие Data-Driven подход к разработке — например, Booking.com — действительно приносят больше денег, только вот пользоваться ими совсем не хочется.

Автор заметки — Вастрик — отключил на своём блоге всю глубокую аналитику и оставил только сбор базовой статистики просмотров. Нужно ли собирать большие данные, чтобы узнать, что короткие и смешные посты чаще читают и репостят? И что дальше делать с этой информацией? Писать вместо лонгридов анекдоты?

[EN] Moment.js умер. Теперь очередь за date-fns.
Даже мои собаки уже знают, что вместо тяжёлого Moment.js нужно применять date-fns, неиспользуемые функции которого отлично вытряхиваются бандлером.
А что если вытряхивать нечего?

Например, одни только функции парсинга и форматирования дат даже в сжатом виде отъедают треть от всего модуля в 18 сжатых килобайт. Достаточно единожды использовать функцию, которая внутри парсит или форматирует дату и вот в бандле поселились несколько невытряхиваемых килобайт. А если потребуется использовать несколько локалей — за каждую придётся заплатить по килобайту.

В то же время, монолитный Luxon — от создателей Moment.js — со всеми функциями, со всеми локалями занимает лишь 20 сжатых килобайт.

Можно пойти ещё на шаг дальше и вообще не использовать никаких библиотек для форматирования дат. В браузерах, начиная со времён IE11, уже есть поддержка Intl.DateTimeFormat, который форматирует дату в нужную локаль.

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

Однако, вместе с calc часто хочется иметь в распоряжении 2 другие функции: min и max, чтобы не делать размер элемента слишком уж мелким или кричаще-огромным.

Почему для этого не подходят какие-нибудь min-width и max-width — читайте в полной статье. Кстати, функции min и max уже поддерживаются во всех браузерах чуть свежее IE11.

Несбывшиеся надежды веб-компонентов.
Лиа Веру — бывший член W3C — раздосадована отсутствием приемлемых веб-компонентов, которое бы создало сообщество.

С тех пор, как каждый разработчик может создавать свои компоненты, подобно