Front-end Digest № 92: кіберзлочини з CSS, Next.js vs TanStack та Motion для Vue

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

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

Веброзробка

• Вебкомпоненти проти компонентів фреймворку: в чому різниця
• Попередній перегляд змін вмісту у вашій роботі за допомогою document.designMode
• Створення власного RAG AI агента на TypeScript та Jupyter
• TypeScript отримує в 10 разів швидший компілятор — що це означає для розробників

• Інструменти
  • ESLint v9: як пережити міграцію — посібник для розробників
  • Oxlint тепер у бета-версії з 500+ вбудованими правилами та вдвічі швидшим лінтуванням JavaScript
  • Rsdoctor 1.0: аналіз збірки для Rspack та webpack — офіційний реліз
  

• Ефекти
  • StringTune: JS-бібліотека для анімації, що народилася з робочого процесу в дизайн-агенції
  • Створення інтерактивної сітки зображень за допомогою Three.js
  • Розбиття та складання зображення з використанням CSS-маскування

CSS

• Каруселі за допомогою CSS
• Кіберзлочинці використовують CSS для обходу спам-фільтрів та відстеження дій користувачів електронної пошти
• Пам’ятаємо про пробіли: новий спосіб малювання роздільних ліній в CSS
• Self Gap
• Детальний аналіз проблеми накладання фону для inline-елементів
• Повернення до CSS border-image
• Зменшення складності CSS за допомогою псевдокласу :is()
• Сучасний CSS: боязкі дефолти та сміливі оверрайди
• На підтримку адаптивної типографіки
• Підтримка логічних скорочень у CSS
• Сітка з кутовим елементом

JavaScript

• Як використовувати AbortController для керування скасованими асинхронними завданнями в JavaScript
• Навчання ШІ для виявлення шкідливого JavaScript та забезпечення безпечнішого вебперегляду
• Next.js vs TanStack
• Представляємо Motion for Vue

• React
  • Чому React несподівано є оптимальною моделлю для LLM-воркфлоу
  • Управління замиканнями JavaScript в React
  • Глибоке занурення в SSR для React-розробників
  

• Angular
  • Angular 19.2 вже доступний
  • Режими Routes Rendering в Angular
  • 5 помилок, яких припускаються розробники, використовуючи Signals в Angular

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