Еженедельный дайджест #10: Новости фронтенда

🧪 HTML и API

🎉 20 лет MDN

MDN отмечает юбилей! За это время собрано более 14 000 страниц документации по 18 000 веб-фичам. Отличный повод поблагодарить команду проекта.

• ✨ Новое в Safari Technology Preview 224: поддержка новых анимационных свойств.
• 🤖 AI-режим в Microsoft Edge: демонстрация на видео.
• 🧑‍⚖️ Wikimedia против британского закона о безопасности в интернете.
• 📅 Скоро день HTML: более 40 мероприятий по всему миру.
• 🗳️ Открыт опрос State of HTML: можешь повлиять на развитие веба.
• 📊 Результаты опроса Stack Overflow 2025: 45 000 разработчиков поделились своим опытом.
• 📜 W3C публикует документ о ценностях организации.
• 🐦 PNG, сохранённый в… птицу?: немного хардкорного стеба.
• ▶️ Адаптивное видео теперь просто: подробности о том, как отображать видео в разных ориентациях и под контекст.
• Как работает JSX в Astro

🎨 CSS и дизайн

📸 CSS-карусель без JavaScript

Адам Аргайл показывает, как можно сделать слайдер-галерею без единой строчки JavaScript. Используются свойства вроде scroll-snap-type, overscroll-behavior и anchor-name. Можно даже собрать такую карусель с помощью визуального конфигуратора. Работает в Chrome 135+.

🧱 CSS Masonry: поддержка появляется

Google экспериментирует с новой фичей для создания “каменной” сетки (masonry layout). Пока всё ещё за флагом в Chrome/Edge 140, но уже можно потестировать и оставить фидбек.

🧩 Masonry-сетка, которую можно использовать уже сейчас

Zell Liew объясняет, как сделать masonry-сетку уже сегодня, не дожидаясь официальной поддержки. Смешивается CSS с небольшим количеством JS.

🧭 Scroll-Spy на чистом CSS

С новой фичей scroll-target-group и псевдоклассом :target-current, можно легко реализовать подсветку активного раздела в навигации — и всё это на CSS!

🌐 JavaScript

📚 Много-много рантаймов JavaScript за последнее десятилетие

Автор потратил целый год, чтобы собрать большую статью о различных средах выполнения JS: от Node.js до облачных платформ и малоизвестных движков. Отличный способ расширить кругозор по экосистеме JavaScript.

• 📄 Операторы логического присваивания в JavaScript — короткий, но полезный обзор новых возможностей вроде x ||= y и x &&= y. Экономят код и читаемы.

TypeScript

• 🧪 TypeScript 5.9 RC — релиз-кандидат. Важное нововведение: import defer и поддержка --module node20.
• 📄 Проблема типов в многорепозиторной архитектуре — как работать с типами между несколькими репами. Подходит тем, кто использует монорепы или микросервисы.

⚛️ React

React 19.1.1

Минорное обновление основной библиотеки React.

TanStack DB: Встраиваемая клиентская база данных для TanStack Query

TanStack DB — новая клиентская база данных, которая позволяет выполнять живые запросы с миллисекундной задержкой и поддерживает “оптимистичные” обновления. Это особенно полезно, если ты работаешь с TanStack Query и хочешь ещё больше гибкости в хранении данных прямо в приложении.

Зачем вообще нужен useCallback

В статье разбирается, почему useCallback и useMemo часто кажутся бесполезными. Автор объясняет, как один неперемемоизированный проп может свести на нет всё кэширование и как React Compiler и useEffectEvent могут помочь в будущем.

Как Parcel собирает React Server Components

Parcel недавно добавил поддержку React Server Components. В статье объясняется, как это работает, что значит директива "use client" и зачем всё это нужно.

Предкомпиляция React Native для iOS в версии 0.81

React Native теперь будет собираться для iOS быстрее в 10 раз благодаря предкомпиляции. Пока в RC, но уже можно попробовать и оценить прирост скорости.

Reanimated 4: Анимации в стиле CSS для React Native

Обновление библиотеки Reanimated приносит мощные инструменты для анимаций в React Native. Теперь можно делать плавные и выразительные анимации без лишней боли — как в CSS, но с полным контролем в JS. Есть даже видео-демо, чтобы быстро вникнуть.

• Remix 3: конец архитектуры, ориентированной на React

⚙️ Node.js

Node.js 22.18 (LTS): Поддержка TypeScript по умолчанию

Теперь можно запускать TypeScript-файлы напрямую командой node app.ts, без дополнительных настроек. Эта функция вдохновлена подходом Bun и Deno.

Node.js 24.5 (текущая версия)

Обновление добавляет поддержку прокси в node:http(s), OpenSSL 3.5 и отключает флаг с --experimental-wasm-modules.

• 📄 Руководство Node.js-разработчика по Unix domain сокетам — Unix-сокеты работают быстрее TCP и полезны для взаимодействия между процессами. Простой вводный материал.
• 📺 Создатель Bun о совместимости с Node.js — интервью с автором Bun, где он рассказывает, почему основное внимание уходит не на фичи, а на полную совместимость с Node.js.
• 📄 Как построить MCP-сервер на Node.js для LLM — объясняется, как давать LLM доступ к данным через серверы, написанные на Node.js.

🧠 Обучение и статьи

• ▶️ Сравнение Zod и Valibot: Валидаторы JS/TS — 12-минутное видео, сравнение синтаксиса и подходов.
• 📘 Как компилируется Svelte 5: “в голове” — объяснение внутренних преобразований в Svelte.
• 📘 Новая API производительности в Chrome DevTools — как настраивать собственные треки профилирования.
• 📘 Почему vi.spyOn лучше vi.mock — советы по написанию тестов.
• 📘 2D-физика в играх с Matter.js и React Native Skia — гайд по созданию простой игры с физикой.

Безопасность

• 🔐 Google представил OSS Rebuild — новый инструмент для проверки безопасности open source пакетов через сравнение артефактов.
• ⚠️ Атака через npm и пакет is — hijack через фишинговый домен. Подробнее: как крали логины разработчиков.

⚒️ Инструменты и библиотеки

• 🧪 AudioTee.js — библиотека для захвата системного звука на macOS из Node.js. Основана на Swift. Исходники на GitHub.
• 🤖 Transformers.js 3.7 — запуск ML-моделей прямо в браузере. Обновление включает поддержку распознавания речи и новые модели. Подробнее о серверной инференции.
• 🧩 match-sorter 8.1 — фильтрация и сортировка массивов по лучшему совпадению. Попробовать вживую.
• pnpm 10.14 — теперь можно указывать версии Node, Deno или Bun в package.json, и они будут автоматически устанавливаться.
• Storybook 9.1 — обновление UI-среды для компонентов.
• ESLint v9.32.0, Preact 10.27, Angular 20.1.4, Deno 2.4.3

Новые версии

• Rooks.js 8.4 — почти 100 React-хуков для разных нужд: определение онлайна, голосовой ввод, отслеживание клавиш и т.п.
• Better Upload — загрузка файлов напрямую в S3 из React-приложений.
• React Three Viverse — создание 3D-приложений на основе Three.js и React Three Fiber.
• Tinybase 6.5 — реактивное хранилище для локальных приложений.
• TanStack Form 1.15 — типобезопасные формы в вебе.
• IntentUI 3.3 — компоненты на базе React Aria.
• BlockNote 0.35 — редактор в стиле Notion.
• React-three-fiber 9.3 — рендерер Three.js под React.
• Ink 6.1 — написание CLI-приложений на React.
• 📦 Inquirer 12.9 — терминальные интерактивные формы.
• 🧵 Node File Trace 0.30 — трекинг используемых файлов в приложении.
• 🧩 MongoDB Node.js Driver 6.18
• ⏱ node-rate-limiter-flexible 7.2 — лимитирование запросов. Добавлена поддержка Drizzle ORM.
• ✍️ Ghost 6.0 RC — новый релиз платформы для блогов.
• ☁️ @google-cloud/bigtable 6.2
• 🌐 Axios 1.11
• 🖼 TIFF 7.1