Front-end Digest № 102: AI для фронтендерів, Minecraft в CSS та реліз Angular 20

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

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

Веброзробка

• Frontend Evolution #1. Як 18 HTML-тегів змінили світ: революція вебфронтенда за 5 років (1990-1995)
• Найпростіший спосіб розгорнути власний сайт-портфоліо
• Надійне виявлення блокування сторонніх файлів cookie у 2025 році
• Коли варто використовувати прогресивні вебзастосунки, а коли — нативні
• Progressive JSON

• Інструменти
  • Evan You анонсує Rolldown-Vite
  • Вивчення екосистеми OKLCH та її інструментів
  • Нове в Chrome 137: функція CSS if(), інтеграція JavaScript Promise у WebAssembly та багато іншого
  • ESLint v9.0.0: ретроспектива
  

• Ефекти
  • Створення інтерактивних 3D-карт у Webflow за допомогою Three.js
  • Деконструкція сайту 35mm: погляд на процес і технічні деталі
  • Анімований Product Grid Preview з GSAP та Clip-Path
  

• AI
  • Gemini 2.5 і майбутнє штучного інтелекту для фронтенд-розробників
  • Як використовувати Claude для створення вебзастосунків
  • Створіть генератор зображень на основі ШІ за допомогою React та Hugging Face Diffusers

CSS

• Ефект прожектора в CSS
• Кращі CSS-фігури за допомогою shape(). Частина 2: більше про дуги
• Що ми знаємо (поки що) про CSS Reading Order
• Як використовувати властивість cursor в CSS
• CSS Minecraft

JavaScript

• Приховані можливості Remix.js, які змінять ваш підхід до маркетплейсів у 2025 році
• Remix прокидається!
• Краса TanStack Router
• Швидше, плавніше, цікавіше: персоналізована пагінація контенту
• OpenJS Foundation став CNA для більш ніж 40 JavaScript-проєктів, що знаходяться під його егідою

• Теорія
  • Чому 2025/05/28 і 2025-05-28 різні дні в JavaScript
  • Як ефективно сортувати дати в JavaScript
  • Помічники ітераторів у JavaScript працюють швидко
  • Коли Array використовує менше пам’яті, ніж Uint8Array (у V8)
  

• React
  • TanStack Form проти Formik: що переможе у світі React-форм у 2025
  • Як створити React + TypeScript застосунок за допомогою Vite
  • React Error Boundaries: чому це більше, ніж звичайний Try/Catch для компонентів
  • Створення серверних та клієнтських компонентів: суперсила сучасного React’а
  • Чому RSC інтегрується з бандлером
  • Стратегії рендерингу Next.js і як вони впливають на core web vitals
  

• Angular
  • Вийшов Angular 20: розбираємося, що нового
  • Створіть блог на Angular менш ніж за 30 хвилин, використовуючи Analog
  

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