Front-end Digest № 141: експлойт в CSS, AI переписує Next.js та велике фронтендерське розділення

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

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

Веброзробка

• Як перетворити WebAssembly з другорядного інструменту на повноцінну мову вебу
• Практичний посібник з елемента <img>: від основ до LCP
• Велике фронтендерське розділення
• Лайфхак: розміщуємо HTML/CSS/JS демо на GitHub Pages
• Що нового в Astro — лютий 2026

• Ефекти
  • Створення асинхронних переходів між сторінками з Vanilla JavaScript
  • Від плаского до об’ємного: розробка тривимірної сітки товарів з React Three Fiber
  • Композитний рендеринг: дивовижність надихаючих WebGL-переходів
  • Віртуальні 3D-сцени з прокруткою

CSS

• Уроки з провальних демо: CSS-навігація з перегортанням мініатюр при скролі
• Спрайти в вебі
• Прихований секрет Style Queries і if()
• Стилізація заголовків за допомогою CSS псевдокласу :heading
• Ще один спосіб центрування (абсолютного) елемента
• Вбудовані випадкові значення в CSS
• Експлойт ... в CSS?!

JavaScript

• Ми заслуговуємо на кращий streams API для JavaScript
• Оптимізація Transformers.js для вебзастосунків у продакшені
• Від instanceof до Error.isError: безпечніша перевірка помилок у JavaScript

• React
  • The React Foundation: новий дім для React під егідою Linux Foundation
  • useTransition в React: хук, який ви, ймовірно, використовуєте неправильно
  • Життя занадто коротке, щоб вручну писати типи API: OpenAPI-driven React
  • Реалізація SRP та принципу відкритості-закритості в React
  • React 19 Suspense для завантаження даних: нова модель асинхронного UI
  • Створення компонентів дизайну з пропсами дій за допомогою асинхронного React
• Next.js
  • cloudflare: як ми за тиждень перебудували Next.js за допомогою AI
  • Налаштування проєкту Next.js для використання з AI-агентами кодування
  • Видалення Next.js навчило мене, чому фреймворки все ще є необхідними навіть для AI

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

Подобається дайджест? Підписуйтесь на автора, щоб отримувати сповіщення про нові публікації на пошту.