Front-end Digest № 153: Google адаптує веб для агентів, історія дати в JavaScript та як тестувати в Safari

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

Привіт! Мене звати Олександр, я займаюся фронтендом в компанії Zfort Group. Приніс для вас свіжий дайджест з цікавими матеріалами зі світу фронтенду за останній тиждень.

Веб-розробка

• 15 оновлень з Google I/O 2026: Розширення можливостей інтерактивного вебу новими функціями, інструментами та можливостями в Chrome.
• Google хоче адаптувати веб для агентів.
• npm анулює гранулярні токени доступу, поки міні Шай-Хулуд проноситься реєстром.
• Тестування Safari з обмеженим бюджетом
• Зроблено з GSAP: Створення цікавого гравітаційного сліду за мишкою.
• Створення анімацій SVG-карт із прокруткою за допомогою GSAP
• Blob API: обробка файлів, завантаження та безпечні фронтенд-застосунки
• Vitest 4: Тестування компонентів у браузері без Playwright

CSS

• Стан справ із центруванням у CSS у 2026 році
• Прогресивний підрахунок дерев: математичні структури з використанням функцій sibling-index() та sibling-count()
• Перехід між документами з плавними анімаціями: підводні камені, про які ніхто не згадує
• Вибір CSS-селекторів для продакшену: специфічність, сучасні псевдокласи та підтримка
• Кілька способів налаштування кольорів для окремих тем виключно за допомогою CSS
• Як я відмовився від Tailwind і навчився структурувати свій CSS.

JavaScript

• Історія дати в JavaScript
• Як відстежувати поведінку користувачів за допомогою JavaScript (не роздуваючи ваш сайт)
• cli-to-js — перетворення будь-якого CLI на JavaScript API
• Механізми виклику JavaScript: Поглиблене розуміння call, apply, bind та arguments.
• Angular Signal Forms: Від потоків подій до сигнально-орієнтованого стану
• Перехід на TypeScript 6.0: що змінилося та як адаптувати файл tsconfig
• Використання eslint-plugin-security у реальних проектах на JavaScript

• React
  • Rockpack — CLI для створення React + TypeScript проєкту однією командою з SSR, Webpack, ESLint 10, Jest, pre-commit хуками та оптимізованим CLAUDE.md для розробки за допомогою ШІ.
  • React Server Components у TanStack
  • Як створювати розширені форми в Next.js за допомогою механізму правил
  • React useOptimistic: Практики застосування в продакшені для миттєвих оновлень інтерфейсу
  • Короткий вступ до TanStack Query

Меми