Front-end Digest № 95: currentColor в 2025, Debouncing vs Throttling та вступ в TanStack Start

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

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

Веброзробка

• Що таке вайб-кодинг? І чи вартий він галасу?
• Вступ до фреймворку TanStack Start
• MSW для імітації бекенд API: практичний посібник для безшовної фронтенд-розробки.
• Next.js для багатокористувацького SaaS: інтеграція фронтенду.
• Занадто складні якірні посилання — математичне розв’язання проблеми
• Створення компонента «Утримуй для видалення»
• Створення повнофункціонального 3D світу в браузері за допомогою Blender та Three.js
• Результати WebAIM Million показують, що сайти магазинів мають найгіршу доступність

CSS

• ::scroll-button() - CSS псевдоелемент, що представляє кнопку для керування прокруткою scroll container
• Використання currentColor у 2025 році
• Змінюються стилі за замовчуванням для елементів h1
• Item Flow — Примітки щодо запропонованої системи потоку елементів для grid, flexbox та masonry
• Кастомізація елементу progress з використанням функції attr()
• Прості розмиті плейсхолдери зображень виключно засобами CSS
• Функція @apply у Tailwind працює краще, ніж здається
• Каруселі на CSS
• Краща типографіка з text-wrap pretty
• Використовуйте shape() для адаптивного обрізання
• Топ-5 помилок в CSS для навігаційного меню

JavaScript

• Приховування елементів, які потребують JavaScript, без JavaScript
• Підвищіть свій рівень TypeScript за допомогою типів Record.
• Оператор ?? в JavaScript: майстерність використання значень за замовчуванням.
• Debouncing vs Throttling в JavaScript: Коли використовувати кожен з них
• Захистіть програму Vue за допомогою OpenID Connect і шаблону BFF

• React
  • Просунутий React у реальних умовах: практичні кейси з амбітних веб-проєктів (2022–2025)
  • React Reconciliation: прихований рушій ваших компонентів
  • Посібник з використання SVG в React
  • Як ефективно використовувати React useRef Hook
  • React для двох комп’ютерів

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