Фронтенд-новости №10. Опубликован HTTP/3, History API мёртв, WebContainers доступны в Firefox

Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 6–12 июня.

Доступность

• Удобная прокрутка на сайте для тех кто использует только клавиатуру

Спецификации

• HTTP/3 опубликован в качестве предлагаемого стандарта

• String dedent переходит на Stage 2

• Symbols as WeakMap keys переходит на stage 3

• Array find from last переходит на stage 4

HTML

• Сравните форматы изображений без потерь: PNG, WebP, AVIF и JPEG XL

CSS

• Упростите цветовую палитру с помощью color-mix()

• Неявные счётчики элементов списка

JavaScript

• Узнайте как работает неточное сравнение строк

• History API мёртв, да здравствует navigation API

• Математическая нотация для JavaScript-разработчиков

• «Гидратация это обходной путь, а не решение

React

• Прощай useEffect? Про подводные камни useEffect и почему обработчики событий иногда лучше.

• Веб-компоненты и React

• Как встроить React-приложение в бинарный код Go

• Стресс-тестирование параллельных функций React 18 с использованием 3D-рендеринга

• Изучаем и понимаем незнакомую кодовую базу на примере React-Query

Node.js

• WebContainers (способ запуска Node.js в браузере) теперь официально поддерживаются в Firefox.

• Пошаговое руководство по созданию сервера API GraphQL

• https://fusebit.io/blog/first-nodejs-github-action/

Angular

• 3 основные ошибки, которые допускает разработчик

Инструменты

• Редактор кода Atom всё, да, здравствует новый Atom(Zed) на Rust

• Инструмент удаления заднего фона прям в браузере

• Fastify 4.0

Производительность

• Узнайте про сторонние ресурсы и о том какие стратегии оптимизации помогут уменьшить их влияние.

Браузеры

• Вышла Safari 16 Beta, или верстальщику больше не о чем мечтать

  • Примечание к выпуску:

  • Container Query units;

  • Subgrid;

  • Анимация для гридов;

  • Offset Path;

  • Overscroll Behavior;

  • Web Push.

• Новинки с WWDС22

• Рекомендации человеческому интерфейсу(HIG) от Apple

• Про Passkeys

Общее

• Узнайте, почему большинство дизайн-систем терпят крах

• Узнайте о более стабильной типографике и её применении в вебе

• Ачивки для разработчиков в Github

Как читать статьи на английском языке

В дайджесте много статей и видео на английском языке, чтобы это не стало препятствием: в Google Chrome есть функция перевода страницы с любого популярного языка, а видео можно перевести в Яндекс Браузере.