Front-end Digest № 135: тестування фронтенду, реліз jQuery 4.0.0 та StyleX проти Tailwind

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

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

Веброзробка

• Веб-альманах 2025 — щорічний звіт HTTP Archive про стан вебу
• Портрет сучасного Front-end розробника. Скіли та архітектура
• Astro приєднується до Cloudflare
• Мистецтво компромісів у фронтенді: довідник для сеньйор-розробників на 2026 рік
• Огляд 2025 року від ESLint
• Блог nodejs: захист від DoS-вразливості, викликаної невідновлюваним вичерпанням стеку, для користувачів React, Next.js та APM
• Фронтенд-тестування в Preply: перехід до тестування компонентів
• Як писати добрі фронтенд-тести: 37 підказок і прийомів
• Відсутня ланка для вебкомпонентів
• Представляємо HTML-елемент <geolocation>
• Створення анімації тексту з подвійною хвилею на основі прокрутки за допомогою GSAP
• Посібник розробника з проєктування фронтенд-архітектури, готової до ШІ
• Інтерактивні елементи керування з псевдо-вкладеністю та підтримкою доступності
• Підтримка Live Region браузерами та скрін-рідерами

CSS

• Додавання тіней до нерівних фігур у CSS за допомогою фільтра: drop-shadow()
• Нові інструменти для розробників Safari надають інформацію про CSS Grid Lanes
• Використання 100vw тепер підтримує смугу прокрутки (у Chrome 145+ за відповідних умов)
• Симуляція Crop Marks
• Смерть прокручуванню з ефектом зникання!
• StyleX проти Tailwind: як Meta бачить підтримку CSS-in-JS

JavaScript

• Реліз фінальної версії jQuery 4.0.0 через 3 дні після двадцятиріччя бібліотеки
• Зоопарк JavaScript-рушіїв
• Припиніть перетворювати все на масиви (і замість цього робіть менше роботи)
• Підвищення продуктивності Nuxt 4: повний гайд зі створення швидких застосунків у 2026 році

• React
  • Як перехопити будь-який React-компонент
  • Розуміння useEffectEvent у React: повний посібник з вирішення застарілих замикань
  • Як виміряти та оптимізувати продуктивність React
  • Vercel представляє: найкращі практики React
  • `useOptimistic` не врятує вас
  • Як використовувати React Router v7 у React-застосунках
  • TanStack AI проти Vercel AI SDK: вибір правильної AI-бібліотеки для React
  • Порівняння фреймворків React: який з них має майбутнє?

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

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