Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 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 есть функция перевода страницы с любого популярного языка, а видео можно перевести в Яндекс Браузере.
