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

Главные новости

📘 Обзор JavaScript (редакция ES2025)

Exploring JavaScript (ES2025 Edition) Axel Rauschmayer выпустил новую книгу по JavaScript. В ней рассказывается о ключевых концепциях языка: типах данных, модулях, классах и промисах. Чтение доступно бесплатно онлайн. Также есть карточки для тренировки.

🔍 Biome v2 — новый типо-зависимый линтер

Biome v2: линтер с поддержкой типов без TypeScript-компилятора Biome v2 умеет проверять ваш код с учётом типов, но без запуска tsc. Поддерживает плагины, monorepo, но пока не поддерживает Vue и Svelte.

⚙️ SVGO v4

Вышел SVGO v4. SVGO v4 требует Node.js 16+ и отказывается от removeViewBox и removeTitle в пресете по умолчанию ради сохранения масштабируемости и доступности. Также введены только именованные экспорты и переработан способ импорта плагинов и селекторов — потребуется обновить конфиг и импорт в коде. Смотрите гайд по миграции.

HTML и API

• Изменение спецификации HTML: экранирование < и > в атрибутах — Как по-новому обрабатываются угловые скобки в атрибутах, чтобы предотвратить XSS.

Доступность (Accessibility, ARIA)

• Что бы мне хотелось знать о ARIA, когда я только начинал — Объяснение основ ARIA для доступности сайтов.
• Почему “жидкое стекло” в дизайне Apple может быть неудобно для пользователей — О возможных проблемах с доступностью из-за нового дизайна Apple.
• Почему стоит делать доступные интерфейсы, даже если вам всё равно — Иногда доступность полезна даже для самих разработчиков.

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

• Новый способ стилизации gap в CSS — Теперь можно делать красивые разделители между элементами без костылей и псевдоэлементов. Пока только за флагом, но уже есть демо.
• Анимация зума в CSS: почему порядок трансформаций важен — Пример неправильной анимации из-за неверного порядка transform.
• Tangram-пазл на CSS/SCSS — Пример, как сделать интерактивный пазл только средствами CSS.
• Сравнение grid: 1fr 1fr vs auto auto vs 50% 50% — В чём разница между этими значениями? В статье объясняется на простых примерах.
• Почему JPEG всё ещё рулит — исторический экскурс от энтузиаста.

⚙️ JavaScript

🧪 Использование await на верхнем уровне ES-модулей

Top-level await в модулях — Поддерживается в Node.js 16+ и всех современных браузерах.

• Payload переходит под крыло Figma — Headless CMS на Next.js теперь принадлежит Figma.

• Обновление Storybook за 2 часа с помощью ИИ — автоматизация скучных задач.

⚛️ React

Состояние React и сообщества в 2025 году

Марк Эриксон, ведущий мейнтейнер Redux, делится мыслями о будущем React. Он рассказывает, как Meta и Vercel идут разными путями, как это влияет на фреймворки, документацию и реакцию сообщества.

React Native 0.80

Новая версия React Native теперь включает React 19.1 и поддержку TypeScript с более строгими типами. Добавлена экспериментальная сборка зависимостей на iOS и заморожена старая архитектура.

Relay v20

Обновлённый GraphQL-фреймворк от Facebook. Улучшена интеграция с React.

React Aria Tree

Теперь поддерживает drag-and-drop. Документация

Интервью: CTO уходят от React?

Тео Браун обсуждает статью о возможной тенденции ухода крупных компаний от React.

TypeScript

• Как TypeScript решил конфликт с ES2025 Iterator — в новом стандарте появился класс Iterator, и TypeScript пришлось адаптироваться.

🟩 Node.js

📌 Node.js переходит к стабильной поддержке TypeScript с Amaro 1.0

Node.js Moves Toward Stable TypeScript Support with Amaro 1.0 — Amaro — это официальный инструмент Node для удаления типов из TypeScript-кода, чтобы Node мог его исполнять. Версия 1.0 знаменует собой важный шаг к переходу поддержки TypeScript в стабильную фазу.

💡 Если хотите погрузиться глубже — ▶️ доклад “The Path to Native TypeScript” на Node Congress 2025.

🚀 pnpm 10.12 и глобальное виртуальное хранилище

pnpm 10.12 Introduces an Experimental Global Virtual Store — Новая возможность делиться зависимостями между проектами с помощью глобального виртуального хранилища node_modules.

Обзор

• Лучшие библиотеки для парсинга сайтов на JavaScript — Crawlee, Cheerio и другие.
• Создатель Hono о переносе на Node.js
• Тестирование производительности в Node.js — AutoCannon, Artillery, k6.
• Создание MCP-сервера с Nx

Коротко

• FIGLet.js — рендеринг текста в ASCII. Демо
• Stricli от Bloomberg — CLI-фреймворк
• Pyodide — Python в Node.js и браузере
• Профилирование Node-приложений в VS Code — от Pavel Romanov
• 30 лет JavaScript — статья от Dylan Goings.

Остальное

• Как мы обновили Storybook за 2 часа с помощью ИИ — Uri Klar
• Анимация бегущей строки вдоль SVG-пути — Daniel Petho
• Композиционный стриминг с Suspense — Ryan Toronto
• Чеклист “Ты не настоящий фронтендер, пока не…” — Забавный список “обязательных” ритуалов.
• Почему визуальные конструкторы сайтов не стали стандартом — Почему большинство по-прежнему пишет код руками.
• Как стать лучше во фронтенде — попробуйте быть “on-call” неделю — Дежурство по поддержке фронта отлично прокачивает.
• Safari на WWDC’25 — критика и взгляд на перспективы браузера — Почему Apple тормозит развитие web.
• Иконка “гамбургер-меню”: мифы и реальность — Почему она до сих пор спорная, несмотря на популярность.

🤖 AI и безопасность

• Риск вредоносных расширений для браузеров растёт — Как защититься от вредоносных расширений.

Защита AI-агентов от инъекций и злоупотреблений

Обзор от WorkOS о безопасности и контроле AI-агентов, встраиваемых в фронтенд.

use-mcp: хук для подключения к MCP-серверам

Упрощает аутентификацию и работу с AI-инструментами через MCP-стандарт.

Clerk OAuth и поддержка MCP

Теперь Clerk поддерживает ревокацию токенов и динамические клиенты для AI-интеграций.

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

react-searchable-dropdown

Настраиваемый dropdown-компонент с поддержкой больших наборов данных, виртуализации и пользовательских опций.

Liquid Glass для React

Реализация нового «жидкого стекла» из дизайна Apple в React-приложениях.

react-call 1.8

Позволяет вызывать компоненты React императивно, даже вне контекста React. Поддержка upsert-компонентов.

Slice Viewer

Просмотр медицинских сканов с использованием React и WebGL.

Ant Design Charts 2.4

Библиотека графиков на базе React.

State in URL 5.0

Хранение состояния в URL. Поддержка Next.js, Remix и React Router.

React ChatBotify 2.1

Библиотека для создания чат-ботов.

• WelsonJS — создание Windows-приложений с использованием встроенного JS-движка Windows. Go Namhyeon

• Croner 9.1 — Триггеры по cron, поддержка TypeScript. Hexagon

• log-vwer — простой дашборд для логов Node.js. Qitmeer Raza

• Git 2.50.0 — важный релиз, включая итоги от GitHub.

• Anime.js 4.0 — JS-библиотека для анимаций — Удобна для новичков и поддерживает много вариантов анимаций.

• Anchors — Tailwind-плагин для Anchor Positioning API — Помогает пробовать Anchor Positioning в Tailwind-проектах.

• Critical CSS Generator — Генерирует критический CSS для ускорения загрузки страницы.

• DarkModeJS 2.0 — управление тёмной темой — Позволяет легко реагировать на смену темы у пользователя.

• RampenSau — генератор цветовых палитр — Генерирует палитры с помощью hue и easing-функций, есть демо.

• Tonkotsu — AI IDE — Помогает планировать и выполнять задачи с помощью ИИ.

🆕 Релизы

• Entities 6.0 — кодирование/декодирование HTML/XML.
• ESLint 9.29.0 — поддержка using и await using.
• LogTape 0.12 — логгер без зависимостей.
• fast-png 7.0 — PNG-кодек на JS.
• node-llama-cpp 3.10 — LLMs на Node.
• Discord.js 14.20
• Ableton.js 3.7
• Fastify 5.4
• Mongoose 8.16
• Piscina 5.1
• tiff 7.0
• Bun v1.2.16 — теперь можно возвращать файлы в Bun.serve, улучшена совместимость с Node.js.
• Astro 5.10 — стабильная поддержка адаптивных изображений и новая фича: live content collections.
• ESLint v9.29.0 — поддержка using/await using.