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

🍏 Обновления с WWDC 2025

📺 WWDC 2025 Keynote

Официальная презентация Apple — 90 минут общих новостей, но можно и сокращённую 10-минутную версию посмотреть.

🌐 WebKit в Safari 26

Safari перескакивает с версии 18 сразу на 26. В числе новинок: WebGPU, scroll-анимации, anchor-позиционирование и многое другое (всего более 160 улучшений).

🎥 Что нового в WebKit

40-минутное видео с новинками CSS, поддержки медиа и т.д.

💬 Declarative Web Push

Краткое видео о новом способе отправки пушей без JavaScript на клиенте.

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

• Partial Keyframes — Джош Камо рассказывает, как делать модульные анимации.
• contrast-color() — новый способ делать текст читаемым на любом фоне.
• Scroll-Driven Letter Grid — интересный приём с анимацией текста при прокрутке.
• Styling Form Controls — подкаст с Джен Симмонс о новых фичах Safari и CSS.
• SVG path — статья с визуальными примерами по работе с SVG.
• Печать веб-страниц — почему стоит заботиться об этом и как настроить через CSS.
• Auto-close уведомления с popover — как использовать HTML popover.
• Sticky элементы — подборка сниппетов для «прилипающих» блоков.
• https://frontendmasters.com/blog/1fr-1fr-vs-auto-auto-vs-50-50/

JavaScript

Как писали JavaScript раньше

Ностальгия по эпохе до ES6 — как выглядел код в 2006–2015 годах.

6 причин, почему Angular 20 — не такой уж скучный

Да, Angular развивается не так шумно, как React, но в новой версии много полезных улучшений.

🎥 Не используйте JSON.parse и JSON.stringify бездумно

Короткое видео о подводных камнях сериализации объектов.

React

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

Марк Эриксон (автор Redux) рассказывает о развитии React, причинах его изменений и развеивает некоторые мифы. Хороший обзор для понимания, как React пришёл к современному виду.

TypeScript

• TypeScript компилятор теперь частично на Go

📚 Недавняя серия постов в блоге Дэна Абрамова

Ссылка — Несколько глубоких постов от Дэна Абрамова:

• How Imports Work in RSC
• Progressive JSON
• Why Does RSC Integrate with a Bundler?
• RSC for Lisp Developers

📰 Коротко

• React Native замораживает старую архитектуру — подробнее
• Прошёл React Jam — победители
• Игра на React Native от Expo
• GitHub достиг миллиарда репозиториев
• React Router получает новое управление и обновления.

⚠ Wake Up, Remix! Everything’s Changing..

Ссылка — Remix “перезагружается” и теперь будет фреймворком на Preact.

🎥 Видео

▶ 3 Ways JS Frameworks Render the DOM (16 минут, автор SolidJS)

📄 Гайды и статьи

• Синхронизация данных пользователей с Supabase
• React + Flask 2025
• Как написать свой useState
• Паттерны React 2025
• Миграция с Next.js на TanStack Start
• SolidJS для React-разработчиков
• 🎥 Remix V3’s Fatal Flaw

🟩 Node.js

⚠️ Поддержка старых версий Node.js завершена

PSA: Beware of End-of-Life Node.js Versions Маттео Коллина объясняет, что версии Node.js до 18 больше не поддерживаются. Лучше сразу переходить на версию 22, чтобы быть готовым к будущему.

🆕 Node v24.2.0: что нового?

Node v24.2.0 (Current) Released Появился import.meta.main, который позволяет понять, запущен ли модуль напрямую. Также убрали поддержку HTTP/2 priority.

🔥 Горячая перезагрузка модулей

Native Hot Module Reloading in Node via Module Hooks Крутая реализация “живой перезагрузки” модулей прямо в Node без сторонних библиотек.

⚙️ Работа с переменными окружения

Unpacking Config and Environment Variables in Node Разбор, как грамотно использовать .env и конфиги в Node-приложениях.

🔐 Быстрая интеграция OAuth

Drop in OAuth for Your MCP Server Scalekit предлагает готовое решение для авторизации через OAuth — удобно, если нужно управлять доступом по организациям.

🧪 Jest 30 — новая версия популярного тестера

Jest 30 Released Первый большой апдейт за несколько лет. Много улучшений, особенно для TypeScript.

💡 Экспериментальное и интересное

• TypeScript в Node.js 22? — дискуссия о возможной интеграции.
• Rolldown + Vite — замена Rollup от автора Vue.
• Gleam — язык, компилирующийся в JS, стал на 30% быстрее.
• State of CSS 2025 — открылось голосование, можно участвовать!

🧪 Базы данных и API

• Postgres + Node: миграции — как использовать node-pg-migrate.
• gRPC + Node — подробный гайд по созданию API.
• Sequelize — пример использования SQL в Node.js.

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

• Storybook 9 — крупное обновление: тестирование, watch mode и поддержка React Native

• Partycles — красивые анимации для React

• React Final Form 7.0 — теперь на TypeScript

• Chrome Extension Boilerplate — Vite + Turborepo

• Ink 6.0 — CLI-приложения на React

• React Native Reanimated 3.18

• React Native Popup Menu 0.18

• React Animated Numbers

• rn-swiper-list

• PrimeReact 10.9.6

• Astro 5.9

• Rolldown-Vite — новый бандлер на Rust

• Amaro в Node.js — TypeScript без транспиляции

• Gleam компилируется в JS на 30% быстрее

• Hot reload с модульными хуками Node.js

Orange ORM Новый ORM для Node, Bun и Deno. Умеет работать с SQL-базами, поддерживает как ESM, так и CommonJS.

MSW (Mock Service Worker) Библиотека для моков REST и GraphQL-запросов. Удобна при разработке и тестировании. Работает как Express, только в браузере.

tz-lookup Определяет часовой пояс по координатам. Работает быстро, но с небольшой погрешностью.

Oxlint 1.0

Новый линтер на Rust для JavaScript/TypeScript. Работает в 50–100 раз быстрее, чем ESLint, и уже поддерживает сотни его правил.

pnpm 10.12

Добавлен экспериментальный «глобальный виртуальный store» — теперь зависимости можно кэшировать и шарить между проектами. Это ускоряет установку и экономит место.

• @platformatic/kafka-hooks — библиотека для Kafka-интеграции.

• Babel 8 (beta) — спустя 2 года после альфы.

• Prisma 6.9 — ORM без Rust-зависимостей.

• OpenAI Node 5.2 — библиотека для работы с OpenAI.

• MongoDB Driver 6.17 — обновлённый драйвер.

• node-llama-cpp 3.9 — запускает LLM локально.

• И другие: Mocha 11.6, AVA 6.4, Jasmine 5.8 и т.д.

• SF Symbols 7 — обновление библиотеки иконок Apple. Уже почти 7 000 штук.

• Astro 5.9 — поддержка CSP и Markdown-хелперы.

• Hope AI — AI для генерации компонентов UI.

• Storybook 9 — поддержка автотестов, визуальных тестов и watch-режима.

• Spectral.js — библиотека для красивых переходов между цветами.

• Smooothy — слайдер с настройкой параллакса и клавиатурного управления.

• Fulldev UI — готовые Astro-компоненты.

• SmoothUI — анимированные компоненты на React + Tailwind.