Front-end Digest № 93: CSS-міксини, State of Vue.js та місія jQuery Zero

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

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

Веброзробка

• Як ми налаштували систему A/B тестування та перейшли на GrowthBook
• Найскладніший баг у моїй практиці (історія розробника з команди Google Docs)
• Brex: веброзробка з урахуванням LLM
• Автоматизоване візуальне регресійне тестування з Playwright
• Дорогий старий ESLint
• Дизайн у русі: принципи анімації, що стоять за Green Stack
• Анімація літер за допомогою шейдерів: ефект інтерактивного тексту за допомогою Three.js та GLSL

CSS

• CSS-міксини готові до експериментів
• Вертикальне вирівнювання CSS: кращі практики та приклади
• Розширення можливостей CSS для створення тіней
• Текстові заголовки з нашаруванням
• CSS анімація з offset-path
• На першому Grid — сітка, на третьому — Flex
• Елемент <select> тепер можна налаштувати за допомогою CSS
• CSS 2025: більше можливостей для сучасного стайлінгу — за межами Sass

JavaScript

• Стандарт JavaScript ECMAScript 2025 набуває форми
• Відсутня ланка JavaScript: Wasp пропонує рішення для повного стека
• Місія jQuery Zero: як FreeAgent видалив jQuery з нашого застосунку
• Enums vs Union Types: чому я перестав використовувати Enums повсюдно
• Прототипи JavaScript: як об’єкти успадковують властивості та методи
• У чому різниця між розширеннями .ts і .tsx
• Як використовувати try...catch для обробки помилок у JavaScript

• React
  • Адаптивне потокове відео з Dash.js в React
  • Повний посібник з TanStack Table (раніше React Table)
  • Авторизація в Next.js
  • React 19: поступове оновлення та підсумки React Conf
  

• Фреймворки
  • State of Vue.js Report 2025
  • Вступ до Alpine.js: JavaScript-фреймворк для мінімалістів
  • Анонс Babylon.js 8.0 — потужний 3d-рушій від Microsoft
  • Директиви: основна складова Angular toolkit

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