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

🔥 Главное за неделю

Почему разработчики выбирают Vue.

План развития React-разработчика.

Самые популярные библиотеки CSS-in-JS в 2022 году.

www всё ещё принадлежит URL-адресам? — горячий спор о WWW.

Новое предложение в ECMAScript: помощники итераторов.

🖌 HTML и CSS

Новые вьюпортные единицы измерения: lvw, lvh, svw, svh.

«Внутри головы фронтенд-разработчика», или как думает разработчик, создавая страницу статьи.

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

Слово value слишком перегружено в CSS — что с этим делать?

Паттерны для адаптивных таблиц (часть 1).

px? em? Просто используйтеrem.

Кто-нибудь из вас кастомизирировал <select>? Кажется, проще всё сделать на <div>. Или погодите-ка, может, на <selectmenu>?

CSS-функция image(): что это и как этим пользоваться.

Какие изображения нуждаются в описательном тексте?

Как шрифт влияет на читабельность.

🏗 JavaScript

Имеет ли Prisma смысл в качестве универсального ORM в Node.js приложениях. Нет, но...

View Transitions API — обзор находящегося в разработке API для анимации переходов между страницами и элементами.

SWR 2.0: улучшенные хуки React для извлечения данных.

Когда использовать gRPC и GraphQ? Сравнение двух популярных протоколов API, чтобы увидеть, где каждый из них работает лучше.

Избегайте этих распространенных ловушек useState.

💫 Релизы

Vite 4.0 — фронтенд-инструмент с мгновенным запуском сервера, молниеносным HMR, поддержкой TS, JSX, оптимальной сборкой, с типизированным API и плагинами. Зачем использовать Vite.

Rollup 3.7 — бандлер ES-модулей.

VS Code 1.74 с console.profile для профилирования CPU.

ROME 11 — самый быстрый линтер.

Codux: Визуальная IDE для React.

🎓 Общее

Что входит в создание новой метрики Web Vital.

npm получает новые функции безопасности: детализированные токены доступа, чтобы владельцы пакетов лучше контролировали доступ к публикациям и новый обозреватель кода на сайте npm.

Консольный ниндзя: расширение VS Code, которое отображает console.log выходные данные и ошибки времени выполнения рядом с вашим кодом.

Passkeys уже доступен в Chrome 108.

Прошлые выпуски