Дайджесь #69
🦊 Привет, это Фронти!
Я принёс свежий выпуск #69 и собрал главное за неделю ✨
В этом выпуске: HTML осваивается внутри canvas, TanStack предлагает облегчённую замену React, TypeScript расширяет границы проверки типов, Node.js 26 становится LTS, а забытые вкладки буквально зарастают травой.
Полный выпуск 👉 https://frontend-weekly.ru/weekly-digest-69/
🧪 HTML и веб-платформа
- HTML-in-Canvas объединяет графику с живыми HTML-элементами: формы остаются интерактивными, текст — доступным для поиска и выделения.
- Safari экспериментирует со складными экранами: интерфейс сможет учитывать сгиб и размещать содержимое по разные его стороны.
- Firefox включил scroll-driven animations по умолчанию, а Chrome разрешил повторять загрузку модулей после сетевых ошибок.
🎨 CSS и интерфейсы
- Safari развивает оформление настраиваемого <select>, а экспериментальный Grid Lanes продолжает менять детали API.
- Отдельный разбор напоминает, как подготовить сайт к печати: убрать лишнее, настроить текст и сохранить читаемость в PDF.
- Динамическим карточкам ссылок полезнее дополнять заголовок, чем повторять его огромными буквами на картинке.
🛡️ Безопасность и производительность
- История DeadTag показывает, как забытые сторонние скрипты становятся каналом доставки шпионского ПО после смены владельца домена.
- Предпросмотру HTML от ИИ нужны изоляция, sandbox, CSP и проверка сообщений. Одного iframe недостаточно.
- Бюджеты производительности предлагают строить по P90/P95: единственная аномально медленная загрузка не должна задавать норму всему проекту.
📦 JavaScript
- Structs позволяет поэкспериментировать с общими объектами между воркерами. Само предложение TC39 пока на второй стадии.
- Брамус воссоздаёт первую GTA на JavaScript и WebGL: Liberty City снова доступен из браузера.
- CoffeeScript выпустил первое обновление за четыре с половиной года. Некоторые зависимости возвращаются раньше, чем мы доходим до их удаления.
⚛️ React и фреймворки
- TanStack Redact заменяет клиентские React и React DOM более компактной реализацией. Команда заявляет уменьшение сборок на 20–70%, но синхронный рендеринг требует проверки на реальных интерфейсах.
- Разбор React.lazy и Suspense объясняет, откуда берётся задержка, даже когда компонент уже загружен.
- TanStack DB добрался до 1.0 RC1, а Svelte-компоненты пробуют рисовать нативные окна через GPUI без браузерного движка.
- На 3 ноября анонсировано обновление безопасности Next.js, которое должно закрыть семь уязвимостей средней серьёзности.
📘 TypeScript
- TypeScript 7.1 beta открывает программный API новой реализации компилятора и добавляет --target es2026.
- Content mappers помогают проверять типы за пределами .ts: среди примеров — CSS-модули, GraphQL и компоненты других форматов.
- Reylo использует этот механизм для типизации запросов из обычных .sql-файлов без отдельной генерации кода.
⚙️ Node.js и рантаймы
- Node.js 26 Lithium стал LTS с поддержкой до апреля 2029 года.
- Октябрьские обновления Node.js закрывают уязвимости, включая опасную ошибку декодера Brotli. Исправления получил и body-parser.
- Экспериментальный node:vfs помогает упаковывать приложения вместе с зависимостями.
- Bun 1.4.4 добавил bun fmt, совместимый с настройками Prettier и oxfmt. Команда Deno тем временем работает над передачей проекта фонду.
🤖 ИИ и полезные находки
- TanStack AI 1.0 стабилизировал API для чатов, инструментов и медиа; механизм длительно работающих агентов пока экспериментальный.
- Biome 2.6 научился форматировать Markdown, YAML и SCSS.
- Overgrown заращивает забытые вкладки растениями. Чтобы добраться до статьи «обязательно прочитать», придётся сначала поработать мачете.
🦊 Лисьи шутки недели:
HTML теперь можно помещать в canvas. Я только научился центрировать div, а он уже переехал в другую систему координат.
TanStack Redact обещает уменьшить React на 20–70%. Жду TanStack Meeting: те же участники, но созвон весит на 70% меньше.
На Хэллоуин я нарядился сторонним <script>, который никто не помнит зачем подключил. Все смеялись, пока я не сказал: «Кстати, мой домен теперь продаётся».
digest
frontend digest
html
css
javascript
react
typescript
node.js