Руководство по использованию стримов

На web.dev опубликована хорошая статья о том, как работать со Streams API, подробно и с примерами использоваения.

https://web.dev/streams/

Релиз инструмента сборки Vite 2.0

Vite (читается как «Вит») представляет собой преднастроенный сервер для разработки и бандлер. Он использует нативные ES модули, Rollup и esbuild, позволяет работать с Vue, React, Preact, Lit Element. В нём также предусмотрены поддержка CSS и экспериментальная поддержка SSR.

https://dev.to/yyx990803/announcing-vite-2-0-2f0a

На этой неделе я веду коллективный твиттер-аккаунт jsunderhood

https://twitter.com/jsunderhood/status/1363813539748667396

⚡️Поддержка Top-level await (stage 3) добавлена в JavaScriptCore, движок, используемый в Safari/WebKit

https://bugs.webkit.org/show_bug.cgi?id=202484

Вышел Babel 7.13.0

Из нового:
- опцию target теперь можно указать один раз на верхнем уровне конфига
- новая опция assumptions, в которой можно указать насколько разработчик готов пожертвовать соответствием спецификации в пользу производительности, аналогично опции loose, но гранулярно
- поддержка пропозала Records and Tuples (stage 2) (потребуется также полифилл)
- улучшение поддержки Flow и поддержка TypeScript 4.2
- опция useESModules задепрекейчена, и теперь Babel сам может автоматически определить какой формат модулей нужен, опция будет окончательно убрана в Babel 8

https://babeljs.io/blog/2021/02/22/7.13.0.html

Вышел Firefox 86

В нём:
- некоторые улучшения DevTools
- lighter оператор для <feComposite> в SVG
- псевдокласс :autofill
- Intl.DisplayNames (ECMA402 2021)
- поддержка нескольких видео при воспроизведении Picture-in-Picture
- Total Cookie Protection
- AVIF изображения
- CSS-функций image-set()

Изменения для разработчиков
Изменения для пользователей
Изменения в API расширений

State Partitioning и Total Cookie Protection Firefox 86

Firefox вслед за Safari (с их Intelligent Tracking Prevention) и Brave продолжает бороться с отслеживанием пользователя, и реализует систему, изолирующую хранение состояния при использовании айфремов.

https://hacks.mozilla.org/2021/02/introducing-state-partitioning/
https://blog.mozilla.org/security/2021/02/23/total-cookie-protection/

И ещё анонс с видео и про множественные PiP бонусом: https://blog.mozilla.org/blog/2021/02/23/latest-firefox-release-includes-multiple-picture-in-picture-and-total-cookie-protection/

Вышел TypeScript 4.2

Из нового:
- Сохранение псевдонимов типов в случаях, когда они раньше раскладывались на базовые
- Остаточные элементы теперь могут находиться в любом месте кортежей, а не только в середине
- Более строгие проверки для оператора in
- Новый флаг компилятора --noPropertyAccessFromIndexSignature
- Модификатор abstract для сигнатур конструкторов
- Флаг компилятора --explainFiles
- Проверка на использование функции без вызова в выражениях с || и &&
- Переменные, полученные в результате деструктуризации теперь могут быть специально помечены как неиспользуемы с помощью префикса _
- Улучшения взаимодействия опциональных свойств и строковых сигнатур ключа объекта
- Создание отсутствующей реализации функции на основе её вызова

https://devblogs.microsoft.com/typescript/announcing-typescript-4-2/

Трансляция с Justin Fagnani из команды Polymer о релизах LitElement 3.0 и lit-html 2.0 (live)

Начало трансляции через 10 минут.

https://www.youtube.com/watch?v=F3y5E9YVtsk

⚡️ Спецификаци Web Authentication: An API for accessing Public Key Credentials Level 2 получила статус Proposed Recommendation

Онлайн конференция Я люблю фронтенд

В эту субботу, 27 февраля, пройдет онлайн конференция Я люблю фронтенд. В программе 6 докладов, 3 воркшопа, а так же подведение итогов турнира Capture the flag (занятное упражнение).
Я (Рома) выступлю с докладом про проблемы большого JSON, по мотивам работы над поточным пасером JSON, о чем писал в своем канале пару месяцев назад.
Для участия нужно зарегистрироваться.

Вышел Safari Technology Preview 121

В нём много улучшений и исправлений CSS свойств aspect-ratio и scroll-*, гридов, много работы над GPU process (основной фокус разработчиков из Apple сейчас), различные исправления медиа, BigInt Typed Arrays, ускоренный JSON.parse, приватные методы за флагом. В #WebAssembly добавлены потоковые компиляция и инстанциирование, Bulk-memory operations и Reference Types включены по умолчанию.

https://webkit.org/blog/11555/release-notes-for-safari-technology-preview-121/

Документация для разработчиков браузеров

Недавно команда WebKit представила обновлённый документ, который описывает с чего начать, если вы хотите сделать свой вклад в разработку браузера — https://github.com/WebKit/WebKit/blob/main/Introduction.md

Оказывается, разработчики Firefox также занимаются новой документацией, и она уже достаточно полная — https://firefox-source-docs.mozilla.org/index.html

Возможное будущее бандлинга JavaScript и других ресурсов

Daniel Ehrenberg из Igalia проводит исследования, которые могут улучшить бандлинг ресурсов в веб.

Первый является stage 0 TC39 пропозалом и называется JavaScript Module Fragments. Он добавляет синтаксис для добавления инлайн модулей внутри JS модуля. Это позволяет убрать лишний оверхед, добавляемый бандлерами.

Второй предложен в рамках WICG и называется Resource bundles. В нём предлагается новый формат бандла, который сможет содержать HTML, CSS, JS, WebAssembly, изображения или другие ассеты одновременно. Такие бандлы помогут убрать оверхед от префетчинга всех ресурсов.

Финализирован список предложений в спецификацию ECMAScript, которые будут пытаться продвинуться на следующий stage на мартовской встрече TC39

Полную повестку встречи можно найти здесь: https://github.com/tc39/agendas/blob/master/2021/03.md

Intl.Segmenter попытается взять stage 4
top-level await попытается взять stage 4
Class static Initialization Blocks попытается взять stage 3
Error Cause попытается взять stage 3
Collection Normalization попытается взять stage 3
Temporal попытается взять stage 3
ResizableArrayBuffer попытается взять stage 3
array-find-from-last попытается взять stage 2
Do expressions попытается взять stage 2
Async do expressions попытается взять stage 2
JavaScript module fragments попытается взять stage 1

В Deno влили поддержку WebGPU

Уже доступно в Deno Canary

Поддержка CSS-in JS в DevTools Chrome

В статье также присутствуют некоторые детали имплементации.

https://developers.google.com/web/updates/2021/02/css-in-js

Что нового в DevTools Chrome 90

Chrome 90 выйдет 13 апреля (а завтра выйдет Chrome 89), и в нём появится много улучшений DevTools:
- новые инструменты отладки CSS flexbox
- Web Vitals оверлей (похожий на FPS meter)
- Обновления таба issues
- экранироавние символов в строках в консоли
- панель Trust Token в Application
- эмуляция CSS color-gamut
- улучшения инструментов PWA
- колонка Remote address space в панели Network
- улучшения производительности (в отдельных случаях до 10 раз!)
- разрешенные и запрещенные фичи в панели Application
- колонка SameParty в панели Cookies

А также пара деприкейтов и экспериментальных фич.

https://developers.google.com/web/updates/2021/02/devtools

Продолжается работа над :focus-visible в WebKit

Уже добавлено несколько патчей и фичу скоро можно будет тестировать. Параллельно было добавлено несколько тестов в WPT и исправлений спецификаций.

https://blogs.igalia.com/mrego/2021/03/01/focus-visible-in-webkit-february-2021/

Спецификация Accessible Rich Internet Applications (WAI-ARIA) 1.2 опубликована в статусе Candidate Recommendation