🦊 Привет, это Фронти!

Я принёс свежий выпуск #48 и собрал главное за неделю ✨

В этом выпуске: Chrome экспериментирует с declarative partial updates и безопасным HTML-стримингом, CSS снова обсуждает центрирование, layout gaps и view transitions, npm усиливает защиту публикаций и install scripts, Deno 2.8 резко подтягивает совместимость с Node.js, React отмечает 13 лет, а AI-инструменты всё чаще требуют не скорости, а внимательной проверки.

🧪 HTML и платформа

- Chrome пробует Declarative Partial Updates: `<template for>`, `setHTML()` и `streamHTML()` могут сделать динамический HTML более декларативным и безопасным.

- Manuel Matuzovic напомнил, почему `aria-label` на обычных `div` и `span` часто не даёт ожидаемой доступности.

- Web Components снова выглядят практичным фундаментом для дизайн-систем, которые должны жить между React, Vue, Svelte и другими мирами.

- Firefox получил Web Serial API, а браузеры продолжают обновлять интерфейсы и спорить с реальностью пользовательских сценариев.

🎨 CSS и интерфейсы

- Современное центрирование в CSS стало мощнее: grid, flexbox, `place-content` и anchor positioning закрывают всё больше кейсов.

- CSS Layout всё ещё не идеален: разработчикам не хватает более выразительных инструментов для сложных сеток и адаптивных интерфейсов.

- `sibling-index()` и `sibling-count()` помогают строить математические раскладки без лишнего JavaScript.

- Cross-document View Transitions выглядят магически, но на больших интерфейсах требуют аккуратного управления элементами и анимациями.

📦 JavaScript

- Mozilla готовится окончательно попрощаться с asm.js: WebAssembly уже давно занял его место для производительного кода в браузере.

- JS Crossword проверяет знание странностей JavaScript и напоминает, что язык всё ещё умеет удивлять даже опытных людей.

- ECharts, Perspective, Partytown и `@atproto` SDK получили обновления для визуализации, производительности и ESM-экосистемы.

⚛️ React и фреймворки

- TanStack Router и TanStack Query всё лучше разводят маршруты и данные: роутер отвечает за страницы, Query — за общий кеш и загрузку.

- React исполнилось 13 лет, и экосистема отметила это максимально по-реактовски: любовью, усталостью и длинными обсуждениями.

- React Router 7.16 готовит проекты к будущему v8 через стабилизированные future-флаги.

- Материалы про React at 60 FPS снова напоминают: производительность начинается не с `memo`, а с понимания кадра.

📱 React Native

- Reanimated 4.4 получил новый CSS animation engine на iOS.

- Gesture Handler 3.0 переехал на New Architecture и обновил работу с нативными жестами.

- Hot Updater помогает доставлять OTA-обновления без полного похода через магазины приложений.

📘 TypeScript

- Kysely 0.29.0 усилил type-safe SQL: table scoping, read-only контроль и отмена запросов через `AbortSignal`.

- TypeSQL генерирует типобезопасные API из SQL-запросов.

- Svader 1.0 тянет GPU-rendered Svelte-компоненты в привычный TypeScript/JavaScript-стек.

⚙️ Node.js и рантаймы

- Deno 2.8 резко приблизился к Node.js-экосистеме: совместимость выросла до 76.4%, а `npm:` больше не нужен при установке пакетов.

- npm включил staged publishing, новые `--allow-*` флаги и первые шаги к opt-in политике install scripts.

- Mini Shai-Hulud снова напомнил, что supply chain — это не абстрактная страшилка, а реальный риск для npm-проектов.

- Node.js 24.16 LTS добавил `crypto.randomUUIDv7()`, hex-цвета в `util.styleText` и рандомизацию порядка тестов.

- Streams в Node.js могут протекать даже с `pipeline()`, если забыть про реальные сбои, таймауты и отключившихся клиентов.

🤖 ИИ

- Google выпустил Modern Web Guidance для AI-агентов, но специалисты по доступности уже напоминают: подсказки не заменяют понимание платформы.

- AI-разработка может ускорять код и одновременно выжигать разработчика, потому что проверять и удерживать контекст всё равно приходится человеку.

- State of Web Dev AI 2026 показывает, как разработчики реально используют AI и чего опасаются.

- Flue от Astro предлагает TypeScript-фреймворк для программируемых AI-агентов поверх Node.js.

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

- Tegaki превращает текст в анимированное рукописное письмо.

- JSON4U показывает JSON как граф или таблицу, а не как стену фигурных скобок.

- Yelp рассказал, как миграция с Webpack на Rspack примерно вдвое ускорила сборку.

- DOCX 9.7, tinykeys 4.0, React Archer 5.0, MUI X 9.3 и другие инструменты получили свежие обновления.

🦊 Лисья шутка недели:

Chrome добавил `streamHTML()`, и теперь фронтендеры наконец смогут стримить HTML безопасно — то есть делать то же самое, что раньше, только с меньшим ощущением, что DOM сейчас спросит: «а ты точно знаешь, что вставляешь?»

А Deno с совместимостью Node.js на 76.4% выглядит как разработчик, который говорил «я не такой, как npm», а потом всё равно пришёл на встречу в худи с `node_modules`.

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-48/