Как быть в курсе: чтение спецификаций и предложений

Фронтенд развивается быстро. Каждый квартал выходят новые CSS, JS и API браузеров. Старшие разработчики не ждут публикаций в блогах — они читают первоисточники: черновики W3C, предложения TC39, спецификации CSS WG и страницы со статусом реализации в браузерах.

TC39 — комитет, развивающий JavaScript. Предложения проходят 5 этапов: 0 (предварительная идея), 1 (предложение), 2 (черновик), 3 (кандидат), 4 (завершено, реализовано в ECMAScript). На этапе 3 уже обычно можно на него рассчитывать: браузеры реализуют предложение, а синтаксис зафиксирован.

Каждое предложение находится по адресу github.com/tc39/proposal-NAME. README объясняет мотивацию, синтаксис и примеры. Ветка «spec text» содержит формальную грамматику. Недавние разработки: записи и кортежи, оператор конвейера, декораторы v3 и вспомогательные средства итераторов.

github.com/tc39/proposals: список всех предложений с указанием этапов. 2ality.com: блог Акселя Раушмайера с кратким описанием каждой встречи. v8.dev: Google V8 быстрее всех реализует предложения, а публикации в блоге объясняют их.

W3C стандартизирует CSS, ARIA и веб-API. WHATWG поддерживает HTML, DOM, Fetch и URL — «живые стандарты». Обе организации работают публично на GitHub. Создавать задачи в репозитории WHATWG html может любой желающий.

CSS WG непрерывно выпускает спецификации: контейнерные запросы, :has(), вложенность CSS, переходы представлений, позиционирование якорей и анимации, управляемые прокруткой. Отслеживайте их через github.com/w3c/csswg-drafts и блог CSS WG.

Даже предложение этапа 4 нельзя использовать, пока браузеры его не реализуют. Проверяйте: caniuse.com — общая информация, chromestatus.com — Chrome, webkit.org/status — Safari, platform-status.mozilla.org — Firefox.

web.dev/baseline сообщает, какие возможности являются «Недавно доступными» — поддерживаются в последних версиях всех основных браузеров — и «Широко доступными» — поддерживаются примерно 30 месяцев. Это отличный инструмент для решения, что уже безопасно выпускать.

1) web.dev/blog — команда Google по развитию веба. 2) Блог WebKit — объявления о Safari. 3) v8.dev/blog — JS в V8 и Chrome. 4) Рассылка CSS-Tricks. 5) JavaScript Weekly / Frontend Focus. 6) This Week in WebKit.

Читайте исходный код используемых библиотек. React, Vue и Vite — все они есть на GitHub. Изучение того, как сопровождающие решали сложные задачи, — один из лучших способов повысить свой уровень.

Не просто читайте о новых возможностях — пробуйте их. Создайте небольшую демонстрацию с API переходов представлений, с селектором :has() или с новыми методами Set в ECMAScript. По-настоящему учишься только через практику.

Не всякая новая блестящая возможность подходит для рабочей среды. Спросите себя: входит ли она в Baseline? Работает ли она в целевых браузерах? Какова стоимость полифила? Какую проблему она решает, которую не решает текущий подход? Знает ли её команда? Внедряйте возможности осознанно, а не автоматически.

Создавайте задачи в предложениях TC39 и WHATWG, добавляя сценарии использования и контрпримеры — комитеты действительно прислушиваются к разработчикам. Публикуйте свои демонстрации с открытым исходным кодом. Комментируйте интересующие Вас предложения. Так платформа и становится лучше.

Старшие разработчики думают годами, а не спринтами. Чтение спецификаций делает Вас человеком, который узнал о :has() за полгода до остальных, выбрал подходящую библиотеку получения данных до того, как команда столкнулась с проблемами, и понял серверные компоненты ещё до миграции. Такая дальновидность со временем даёт накопительный эффект.

Читайте первоисточники: предложения TC39, спецификации W3C и WHATWG, черновики CSS WG. Этап 3 и выше безопасен для рабочей среды при использовании транспилятора. Отслеживайте изменения через caniuse, chromestatus, webkit.org/status и Baseline (web.dev/baseline). Подпишитесь на web.dev, блог WebKit, v8.dev, CSS-Tricks и JS Weekly. Создавайте демонстрации, чтобы усвоить материал. Оценивайте всё критически. Вносите свой вклад. Мышление старшего разработчика даёт накопительный эффект — ведущим становится тот, кто читает спецификации.