Front-end Digest № 146: Готуємо сайти до роботи з агентами, оновлення JS в 2026 та витоки пам’яті в React

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

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

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

• Front-End Fools: 10 найкращих першоквітневих UI-розіграшів усіх часів
• Як підготувати свій вебсайт до роботи з агентами за допомогою Google Web MCP
• Axios став жертвою атаки на ланцюг постачання
• Зловмисники проводять скоординовану кампанію соціальної інженерії, націлену на ключових мейнтейнерів Node.js.
• Я дослідив кодову базу Pretext. Які уроки можна винести.
• Новини Astro — березень 2026 року

• Інструменти
  • Просте знайомство з робочими областями npm, з наочними прикладами.
  • Чому одного Chrome DevTools недостатньо: практичний розбір інструментів у різних браузерах
  • Пояснення vinext: альтернатива Next.js від Cloudflare на базі Vite
  • cloudflare представляє EmDash — духовного наступника WordPress, що вирішує проблеми безпеки плагінів.

• Ефекти
  • Представляємо view-transitions-toolkit — набір допоміжних функцій, що спрощують роботу з View Transitions.
  • Анімація 160 000 кубів у Three.js для візуалізації дизерингу
  • Портфоліо Арно Рокка: від системи анімації на базі GSAP до плавного WebGL

CSS

• Квіз «CSS or BS?»
• Занадто багато кольорів
• Створення складних фігур за допомогою CSS та функції shape()
• Багаторівневе вкладене меню за допомогою Details та @scope
• Тепер властивість CSS `position: sticky` прив’язується до найближчого елемента прокрутки для кожної осі окремо!

JavaScript

• Що потрібно знати про JavaScript (версія 2026 року)
• Способи попереднього завантаження зображень у JavaScript
• Signals: push-pull алгоритм
• Чому математика чисел з плаваючою точкою в JavaScript ламає ваш застосунок (і як це виправити)

• React
  • 100/100 у Lighthouse для React-сайту: перфекціонізм чи реальна необхідність?
  • Коли вам дійсно потрібен startTransition?
  • Як розробити ефективний AI Markdown рендерер
  • Hoistable SVG Defs в React
  • Як виправити витоки пам’яті в React застосунках

Меми

Подобається дайджест? Підписуйтесь на автора, щоб отримувати сповіщення про нові публікації на пошту.