Front-end Digest № 96: фронтенд-революція з AI та відмова від пре- і постпроцесорів CSS

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

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

Веброзробка

• Фронтенд стає розумнішим: революція в JavaScript завдяки AI
• Що ж насправді робить сайт придатним для навігації з клавіатури
• Зберігання в <dl> — ще одна фішка HTML, яку ви ніколи не використовуєте
• Як писати повідомлення про помилки, які дійсно допомагають користувачам, а не засмучують їх
• TypeScript переходить на Go: аргументи на користь прагматизму
• Створіть систему торгів у реальному часі за допомогою Next.js та Stream
• WebGL градієнт, що тече: деконструкція

CSS

• Функція CSS shape()
• Шестикутні та багатокутні фігури із закругленими кутами
• Уроки, отримані при відтворенні стилізованого елементу Dialog
• Отже, ви хочете відмовитися від пре- і постпроцесорів CSS...
• Наступний рівень CSS-стилів для курсорів
• 5 найкращих інструментів для кросбраузерного тестування CSS
• Використання CSS backdrop-filter для UI ефектів

JavaScript

• Порівняння Undefined Values з Optional Chaining в JavaScript
• Float16Array в JavaScript
• mastra: TypeScript-фреймворк для AI-агентів з підтримкою LLM (GPT-4, Claude, Gemini, Llama), RAG та спостережуваності
• tsdown — елегантний пакувальник бібліотек від VoidZero

• React
  • Реактивна модель React: освоєння похідних значень, ефектів і синхронізації стану
  • Швидше ліниве завантаження в React Router v7.5+
  • Обробка запитів даних з використанням React Suspense
  • AI-чат з React.js та OpenAI API
  • React-Toastify (оновлення 2025): Налаштування, стилізація та реальні приклади використання
  • JSX Over The Wire

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