Front-end Digest № 79: думки щодо Tailwind 4, State of JavaScript 2024 та плани Vue на 2025

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

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

Веброзробка

• Нове на вебплатформі в грудні
• Як тенденції вебхостингу 2025 року вплинуть на роботу фронтенд-розробників
• Як створювати багатокрокові форми за допомогою звичайного JavaScript та CSS
• Нікого не звільняють за вибір JSON, але, можливо, варто було б
• Синхронна й асинхронна комунікація між фронтендом та бекендом: яку архітектуру обрати
• Як я отримав новий погляд на ARIA
• Побудова ефекту частинок з м’якими переходами за допомогою Three.js та GPGPU

• Інструменти
  • Аналіз 6.5 пакетів npm для валідації HTML: 1.5 рекомендацій
  • Webpack vs Vite: який бандлер підходить саме вам
  • Що робить Еван Ю, створюючи VoidZero, і які проблеми з інструментарієм JS
  • Як перенести ваш Node.js-застосунок на Deno 2.0
  • Найкращі інструменти та ключові тенденції веброзробки у 2024 році

• Продуктивність
  • Виявлення регресії вебпродуктивності за допомогою статистичних інструментів
  • Lazy loading vs. Eager loading
  • Створіть власний інструмент для тестування швидкості сайту за допомогою Puppeteer

CSS

• Топ-5 CSS-функцій 2024 року
• Як би ви хотіли розширити можливості CSS?
• Думки щодо Tailwind 4
• scrollbar-width & scrollbar-gutter: властивості CSS для керування макетом
• Трикутник в тултіпах: як керувати його розташуванням та стилем
• Нові можливості CSS: Construct, values і функція ident()
• Як створити зигзагоподібний блок за допомогою CSS
• CSS ::target-text для підсвічування тексту
• Scroll-Driven & Fixed
• CSS light-dark()
• CSS box-decoration-break

JavaScript

• State of JavaScript 2024: результати опитування
• JavaScript все ще залишається номером один — звіт JetBrains
• JerryScript — JavaScript-рушій для Інтернету речей (IoT)
• AsyncLocalStorage: спрощення керування контекстом у Node.js
• Використання Transformers.js для ШІ в браузері
• JS Import Maps
• Робота з URL-адресами в JavaScript

• React
  • Представляємо TanStack Start: повностековий фреймворк React на базі TanStack Router
  • П’ять порад для ефективної оптимізації INP в React
  • Інтеграція React 19 з вебкомпонентами: практичні приклади
  • Опановуємо CRUD в Next.js. Поради для інтеграції та оптимізації

• Vue
  • Що чекає на Vue у 2025 році
  • Огляд PrimeVue: потужний набір UI-компонентів для розробки на Vue.js

• Angular
  • Як поєднати RxJS із сигналами в Angular

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