Годами веб-разработчики платили негласный налог: чтобы создавать современные, высокофункциональные веб-приложения, им приходилось полагаться на целую структуру из внешних библиотек, полифилов и тяжелых инструментов сборки. Но в ключевых браузерных движках произошла тихая революция. Последние обновления инициативы Baseline показывают, что веб-платформа стремительно возвращает себе автономию, позволяя разработчикам заменять раздутые внешние зависимости оптимизированными встроенными возможностями браузера.
Аудит современности
Важным шагом вперед для экосистемы разработчиков стала официальная интеграция аудита функций Baseline в Lighthouse. Эта интеграция позволяет разработчикам отслеживать, какие именно возможности Baseline используют их сайты, непосредственно в ходе стандартного аудита производительности, открывая новые перспективы для внедрения современных, кроссбраузерных веб-технологий.
Чтобы доказать эффективность этих современных стандартов на практике, разработчик Ахмад Алфи недавно протестировал агентный навык кодинга от Google «modern-web-guidance» на реальном React-приложении. Эксперимент показал, как автоматизированные инструменты могут успешно анализировать существующие кодовые базы, выявлять устаревшие паттерны и предлагать современные нативные подходы, соответствующие сегодняшнему состоянию веб-платформы.
Избавление от налога на зависимости
Истинная сила современного веба раскрывается в API, получивших статус Baseline. Разработчик Деннис Морелло недавно выделил четыре ключевых интерфейса, которые получили этот статус, кардинально меняя привычные методы написания кода: Navigation API, контейнерные запросы стилей (container style queries), псевдокласс :open и метод Math.sumPrecise(). Эти нативные нововведения позволяют инженерам уверенно отказываться от внешних утилит, которые раньше были необходимы для обработки сложных состояний навигации, адаптивной стилизации и точных математических вычислений.
Кроме того, серьезное нативное обновление получила интернационализация. Объект Intl.Locale стал официально доступен во всех основных браузерных движках. Этот API предоставляет стандартизированный нативный механизм для парсинга, изменения и запроса тегов локалей Unicode (таких как язык, письменность и регион), полностью избавляя от необходимости использовать самописные, подверженные ошибкам библиотеки для разбора строк.
Широкая доступность и готовность к продакшену
Для команд, которые опасаются внедрять новые функции из-за необходимости поддержки устаревших браузеров, ряд ключевых возможностей перешел в статус «Baseline Widely available» (широко доступны). Это означает, что они поддерживаются всеми основными браузерными движками уже достаточно долго, чтобы их можно было безопасно использовать без полифилов.
Главным среди них является метод Array.fromAsync() — кроссбраузерное нововведение, созданное специально для асинхронных потоков данных. Подобно своему синхронному предшественнику Array.from(), этот нативный метод позволяет разработчикам легко преобразовывать асинхронные итерируемые объекты в массивы. Аналогично, верстка на CSS стала чище благодаря широко поддерживаемой функции базовой фигуры rect(), которая упрощает определение прямоугольных путей обрезки (clip paths) и путей смещения (offset paths), позволяя напрямую указывать внутренние отступы от краев содержащего блока.
По мере того как браузерные движки приходят к консенсусу, необходимость нести тяжелый багаж сторонних зависимостей исчезает. Современный веб все больше способен работать самостоятельно и нативно.