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

🧪 HTML и API

Firefox 144: теперь все основные браузеры поддерживают View Transitions

Вышел Firefox 144, и теперь View Transitions API поддерживается во всех главных браузерах. Это упрощает плавные переходы между состояниями страниц и роутами без тяжёлых костылей. В релизе также: метод DOM moveBefore() для более удобных перестановок узлов, улучшения профилей, изменения в PiP и визуальный поиск. Подробности — в анонсе Firefox 144, самой спецификации View Transitions и сводке «поддержка во всех браузерах». Для разработчиков — релиз-ноты.

• Новичкам пригодится короткое руководство MDN по View Transitions — объясняет идею и базовые примеры на CSS.

Interop Feature Ranking: помоги расставить приоритеты платформы

Команда Firefox запустила сайт, где можно перетаскивать будущие фичи веб-платформы и тем самым влиять на их приоритизацию. Авторизация через GitHub. Зайдите и отметьте, что важнее лично вам: Interop Feature Ranking. Список рассматриваемых кандидатов — здесь.

• У W3C новый логотип после ~25 лет — взглянуть на ребрендинг.
• Почему Custom Elements Manifest (CEM) — «киллер-фича» экосистемы: формат JSON, который описывает API компонента и делает его обозримым для тулов и документации — прочитать эссе.
• Тег <output> в HTML — короткое, но полезное напоминание: смотри.

🎨 CSS и дизайн

Понять CSS Grid через линии сетки

Статья помогает «переучить» мышление под Grid: вместо мыслей «в ячейках и областях» автор предлагает смотреть на линии — это даёт точное позиционирование и меньше неожиданностей. Внутри — небольшие сниппеты и примеры, как строить макеты контейнер-сначала. Читайте «CSS Grid: полезная ментальная модель и сила линий».

• Как обновить классические табы современным CSS: пример с функцией shape() и скруглёнными «вкладышами» — «Modern CSS Round-Out Tabs».
• Чем спорна текущая contrast-color() (выбор чёрного/белого не всегда читабелен) и альтернативные подходы — заметки и дискуссия.
• Новая функция progress(): идеи, где полезна (градиенты прогресса, анимации состояний).
• Повторяем :is() и :where(), комбинируем с :has() для выразительных селекторов — разбор с примерами.
• Переключатель тёмной темы без JavaScript — практический подход.

📦 JavaScript

• Забавный эксперимент: pipeline-композиция с оператором | на чистом JS через Symbol.toPrimitive и немного магии. Разбор «pipeline-style composition» и код «clever code».
• ▶ Beyond Signals — Райан Карниато (SolidJS) объясняет, как signals повлияли на архитектуру фронтенда и что нас ждёт дальше. Смотреть на YouTube и про Solid — здесь.
• Почему typeof null === 'object'? Исторический разбор «знаменитого бага» JS — понятный экскурс в прошлое языка. Читать статью.
• Как найти место выделения объекта в JS через DevTools — идём «от объекта к источнику» при помощи хитрого приёма Chrome DevTools. Гайд здесь.

⚛️ React

Triplex: открытый визуальный рабочий стол для React и React Three Fiber

О чём это: инструмент Triplex из коммерческого стал опенсорсным и вошёл в коллектив Poimandres (они делают React Three Fiber, Zustand, Jotai). Теперь он поддерживает не только 3D‑сцены, но и обычные DOM‑компоненты, а ещё появился расширение для VS Code. Если вы хотите «раскладывать» компоненты в сцене визуально и сразу видеть результат — это как раз оно. Подробнее читайте на странице анонса Triplex.

React Compiler v1.0 — стабильный

Что случилось: React Compiler официально считается стабильным (v1.0). Он анализирует код и автоматически расставляет мемоизацию — фактически это «авто‑useMemo/useCallback», но тонкую настройку всё ещё можно делать руками. Детали в заметке на react.dev.

Next.js 16 Beta, React 19.2 и React Compiler 1.0

В бете Next.js 16 объявили стабильную поддержку Turbopack, поддержку React 19.2 и интеграцию React Compiler. Это делает новый стек более быстрым «из коробки». Подробности: «Next.js 16 Beta», а сам компилятор — «React Compiler v1.0».

• Новый фильм-документалка о Vite от авторов предыдущих фильмов про Node/Angular/React — отличный формат, чтобы понять, почему Vite так взлетел: «Документальный фильм про Vite ▶️».
• Vite+ (Viteplus) — надстройка с дополнительными инструментами: линтер, прогон тестов, таски для монорепы и др. Обратите внимание на условия лицензии. Анонс «Vite+», список фич — «extra features», лицензия — «licensing».
• Структура папок в React за 5 шагов (обновление 2025) — простая схема раскладки файлов и модулей для начинающих.
• Контекстное наследование в TanStack Router — как передавать общий контекст в маршрутизаторе без боли.

React Native 0.82: «новая эра»

Ключевое: релиз React Native 0.82 впервые полностью работает на Новой архитектуре. Плюс появилась экспериментальная опция движка JS Hermes V1 — обещают быстрее. Если у вас зрелое нативное приложение, посмотрите также материал от Expo: как добавлять Expo без полного переписывания.

• react-native-pdf 7.0 — компонент PDF для RN.
• React PDF 10.2 — аналог для обычных React‑приложений
• Фреймворк Lit присоединяется к OpenJS Foundation — анонс.

• Angular: рефакторинг формы на Signals — шаг-за-шагом, чтобы понять, что меняется и почему. Материал здесь.

⚙️ Node.js

Современный гид по чтению и записи файлов в Node.js

Подробный разбор всех способов работы с файлами: обещания (promises), streams, параллельная обработка, файловые дескрипторы и приёмы экономии памяти. Отлично подойдёт новичкам, чтобы понять когда выбирать потоковую обработку, а когда — простые методы из fs/promises. Читайте «A Modern Guide to Reading and Writing Files in Node».

Node.js 25.0.0 (Current)

Свежая «Current»-ветка принесла Web Storage по умолчанию, ускоренный JSON.stringify, опцию --allow-net в permission-модели, конвертацию base64/hex у Uint8Array, а также оптимизации WebAssembly и JIT. Кратко обо всём — в записи релиза.

Bun 1.3: «фулл-стек» рантайм JavaScript

Bun всё чаще можно ставить как drop-in замену Node: встроенный dev-сервер с HMR, клиенты MySQL/Postgres/SQLite/Redis, мощные WebSocket-ы, изолированные установки пакетов по умолчанию и крупные улучшения совместимости с Node (особенно вокруг worker_threads). Подробнее в «Bun 1.3», про изолированные установки — «isolated package installs», про совместимость — «Node.js compatibility».

Kaluma 1.3: крошечный JS-рантайм для Raspberry Pi Pico 2

Да, JavaScript помещается даже на RP2350-плате. Kaluma даёт знакомые «нодовые» удобства поверх лёгкого движка JerryScript. Детали: «Kaluma 1.3» и «JerryScript».

Как подружить Python ASGI и Node.js

Команда Platformatic сделала нативный мост @platformatic/python-node, который встраивает интерпретатор Python в приложение Node и говорит на протоколе ASGI. Это продолжение идеи после их php-node. Посмотрите «A Way to Integrate Python ASGI with Node.js Apps», исходники пакета — «@platformatic/python-node», а первую работу ребят — «php-node».

• Node.js 24.10.0 (Current) — небольшой релиз с обновлениями зависимостей и исправлениями ошибок. Сводка: «Node.js v24.10.0».
• Публикуете пакеты в npm? Обратите внимание на изменения безопасности от GitHub: переходите с classic tokens и проверьте настройки публикации: «GitHub усиливает безопасность npm».
• Память в контейнерах и Node 20+ — нужно ли вручную задавать размер кучи в Docker/Kubernetes, или Node уже «знает» про лимиты контейнера? Кратко и по делу: «Node.js 20+ Memory Management in Containers».
• Node 22 стал LTS — что можно смело использовать прямо сейчас? Короткий гид по фичам: «Node.js 22 Features You Should Be Using».
• TypeScript и Node — не только «type-erasure», но и как жить с типами Node, инструментами и ограничениями экосистемы: «гайд по TypeScript с Node».

📊 Видео и статьи

• Happy DOM 20.0 — headless-реализация браузерного окружения, теперь выполнение JS по умолчанию отключено (повышает детерминизм тестов): «Happy DOM 20.0».
• Рождение Prettier — Vjeux вспоминает, как десять лет назад появился Prettier и почему форматирование «по AST» стало стандартом.

• Как добавить быстрый клиентский поиск на статический сайт Astro — практика и код.

🤖 ИИ

Playwright 1.56 и «агенты» для LLM

В релиз добавили Playwright Agents — описания шагов, которые помогают LLM автоматически строить тесты. Смотрите релиз «Playwright 1.56» и новинку «Playwright Agents ▶️».

• GitHub Copilot CLI — с чего начать и как заставить ИИ помогать вам в терминале: «How to Get Started with GitHub Copilot CLI».

• llama.ui 2.38 — минималистичный интерфейс AI‑ассистента, работающий целиком в браузере.

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

• jsonriver — потоковый парсер JSON, который выдаёт «всё более полноценные» значения по мере прихода данных (подходит для сетевых ответов и LLM-потоков): «jsonriver».
• xmlbuilder2 4.0 — сборка XML из JS-объектов, парсинг и сериализация, удобное API с чейнингом: «xmlbuilder2».
• Serialize JavaScript 7.0 — сериализует не только «чистый» JSON, но и RegExp, даты, функции и даже Infinity: «Serialize JavaScript 7.0».
• MaxIntervalCover.js — находит оптимальное подмножество непересекающихся интервалов (полезно для планирования/расписаний): «MaxIntervalCover.js».
• Sidequest 1.10 — масштабируемый фоновой джоб-процессор для Node, включили WAL-режим для SQLite ради производительности: «Sidequest 1.10».
• Got 14.5 — человеко-дружелюбная HTTP-библиотека, отличный выбор поверх fetch: «Got 14.5».
• Ow 3.1 — читабельная цепочечная валидация аргументов функций и данных: «Ow 3.1».

• React Chrono 3.0 — интерактивная «лента времени» (горизонтальная/вертикальная, вложенные таймлайны, автоплей, поддержка React 19 и интеграция с Google Fonts; документация, релиз v3.0).
• React‑to‑Print — контроль печати React‑компонентов (например, билеты и счета); есть гайд по использованию.
• React Knob Headless — безстилевой и доступный «крутилка‑дайлер» как примитив; репозиторий.

• Генератор Open Graph-картинок с шаблонами и API для генерации на лету — ogImage.click.
• Набор privacy-first инструментов разработчика (текст, кодировки, конвертеры, генераторы) с быстрыми хоткеями — Dev Tools Hub.
• Онлайн-построитель графиков: 10+ типов диаграмм, темы и паттерны для доступности — Make Graph.
• EmbedPDF — встраиваемый PDF-viewer без зависимостей: темы, аннотации, поиск, плавный скролл — репозиторий, доки и демо.
• React Compiler 1.0 — официальный компилятор React для авто-мемоизации и оптимизаций на основе анализа кода. Детали — в посте команды React.
• Remix 3 — показ и демо на мероприятии Remix Jam: чтобы увидеть презентацию, перемотай на 03:24:30 в записи стрима.
• Graffle 7.3 (бывш. graphql-request) — возвращает поддержку CommonJS для Jest и не-ESM окружений: релиз.
• Skeleton 4.0 — адаптивный дизайн-систем на Tailwind; посмотреть примеры на главной и заметку о релизе.

Обновления

• Schedule-X 3.3 — календарь событий (MIT + премиум-функции). Ссылка на релиз.
• json-joy 17.55.0 — алгоритмы совместного редактирования JSON в реальном времени: страница релиза.
• Ky 1.12 — минималистичный HTTP-клиент на базе Fetch для браузера, Node и Deno: релиз.
• React Date Picker 8.8 — простой пикер дат; есть демо и релиз.
• Faker 10.1 — генерация тестовых данных «каких угодно»: релиз.