Front-end Digest № 152: що сталося з TanStack npm, функція round() в CSS та пояснення стеку React на 2026 рік

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

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

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

• Постмортем: Компрометація ланцюга постачання npm TanStack
• Захист TanStack після інциденту з npm
• Встановлення вебзастосунків за допомогою нового HTML-елемента install
• The HTML Sanitizer API
• Розглядаємо пропозицію HTML-в-Canvas
• Від затримки до миттєвого відгуку: Покращення продуктивності навігації в GitHub Issues
• Детальний технічний огляд нового Raycast
• Vite+: Інструкція: Єдиний CLI для інструментарію JavaScript
• Ви не розумієте HTML-списки

CSS

• Як керувати нескінченними CSS-анімаціями (Частина 2 з 2)
• Gap decorations: тепер доступні в Chromium
• Повторення фонів із квадратними крапками в CSS
• UI-виноска зі зміщенням та рамкою CSS
• Обчислення та відображення цін із знижкою в CSS
• Між іншим, синтаксис `:nth-child(n of selector)` вже має широку підтримку (Baseline)
• Покращене адаптивне масштабування з функцією round()
• Як створювати сучасні UI компоненти за допомогою CSS-генераторів

JavaScript

• Навмисне блокування рендерингу за допомогою JavaScript
• TypeScript v6 вже доступний: повний посібник з переходу
• Незабаром ми зможемо остаточно відправити JavaScript до Царства Тіней (ShadowRealm)
• Огляд інструментів WebMCP для Angular v22

• React
  • Коли батьківські компоненти React повинні знати про своїх дочірніх компонентів.
  • Пояснення сучасного стеку React на 2026 рік
  • Як розібратися з діалогами в React Router
  • Безпека застосунків на React

Меми