Front-end Digest № 94: AI для фронтенду, attr() в CSS та компроміси в архітектурі React

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

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

Веброзробка

• DOU 2.0: Новий красивий слайдер замість старого некрасивого
• Новий звіт про готовність вебстандартів («Web» Readiness Report)
• Легший обмін даними завдяки вбудованим API та поступовому поліпшенню
• Ефект сканування з WebGPU та Depth Maps

• Інструменти
  • Нове в Chrome 135
  • Chrome робить :visited більш приватним
  • Bare: мінімалістичне та модульне JavaScript-середовище для десктопу та мобільного. Bare усуває потребу в серверах, на відміну від Node.js, і працює на будь-яких пристроях з низькими вимогами
  

• Продуктивність
  • Інформація про продуктивність у Lighthouse та Chrome DevTools
  • Оптимізація швидкості завантаження: усунення блокуючих CSS та JavaScript
  

• AI
  • Як АІ-агенти непомітно трансформують фронтенд-розробку
  • Як AI формує майбутнє 3D-веброзробки
  • Як розібратися в екосистемі AI-інструментів для розробників

CSS

• Використання @functions з CSS в Google Chrome Canary!
• Сучасна функція attr(): перший огляд
• 10 найкращих нових функцій CSS у 2025 році, які вже підтримуються у всіх основних браузерах
• Анімація Cover Flow на CSS: керування прокруткою
• Адаптивне обтікання текстом навколо зображення без використання JavaScript
• Ефект вибуху з конічними градієнтами в CSS
• Шестикутна сітка на чистому CSS, що адаптується без брейкпойнтів
• Зіткнення світів: виявлення keyframe-колізій кадрів за допомогою Style Queries
• Потік елементів, Частина 1. Нова уніфікована концепція для розмітки
• Реанімація кнопок з CSS Day
• Коригування стилів на рівні тексту, повернення до теми

JavaScript

• Теорія
  • Розуміння керування пам’яттю в JavaScript: глибоке занурення в техніки Garbage Collection
  • Axios vs. Fetch (оновлення 2025 року). Що використовувати для HTTP-запитів
  • Axios в JavaScript. Як робити GET, POST, PUT та DELETE запити
  • Чи міг би JavaScript мати синхронний await
  

• Практика
  • Досліджуємо мистецтво за допомогою TypeScript, Jupyter, Polars та Observable Plot
  • Створення редактора зображень в Next.js за допомогою glfx.js
  • Розробка якісного DX з використанням компонентів Astro та TypeScript
  • Excalibur.js для розробки ігор на фронтенді
  • Мокування складних API за допомогою Mirage JS
  

• Фреймворки
  • Як використовувати кеш у сервісах NestJS
  • Як правильно хендлити помилки з Next.js Server Actions на клієнті (і не зійти з розуму)
  • Вивчаємо React 19: наступна еволюція в сучасній веброзробці
  • Компроміси в архітектурі React: SPA, SSR або RSC
  • Створення нашого першого компонента Vue: оновлена документація на MDN
  • Чому ми перенесли наш блог з WordPress на Angular

Фронтенд-меми