Front-end Digest № 160: Що нового в ECMAScript 2026, реліз TypeScript 7 та 3D-галерея з Blender і threejs

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

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

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

• Microsoft випустила TypeScript 7
• Що трапилося з фронтендом, поки ви відволіклися
• Агентний Веб
• Використання GTmetrix MCP та ШІ компанією Growth by Sabir для оптимізації продуктивності понад 200 e-commerce брендів
• Реверс-інжиніринг веб-версії ChatGPT: як OpenAI створила платформу для мільярда користувачів
• Оптимізація сайту давно вийшла за межі HTML

• Інструменти
  • Tales from the Void: підсумки червня 2026 для екосистеми Vite+, Vite, Vitest, Rolldown, Oxc
  • Анонс Vite+ Beta
  • Нове в Edge для розробників — стилізація layout gaps, покращення доступності з клавіатури та міграція PWA до нового джерела

• Ефекти
  • «The Sleepers»: створення атмосферного веб-досвіду на WebGL за допомогою легких технік
  • Побудова інтерактивної кубічної сітки розповсюдження хвиль з Three.js
  • Створення 3D-галереї з прокруткою за допомогою шляху камери Blender з Three.js та GSAP

CSS

• Про інтерфейси, побудовані з anchors
• Вступ до Anchor Positioning
• Готуйтеся до потужної властивості CSS border-shape!
• Стилізація з урахуванням меж у CSS
• Як зробити інтерактивний елемент невидимим, але доступним
• Горизонтальне мислення в CSS @layer
• Сучасний CSS у 2026 році: JavaScript, який нарешті можна видалити
• Ease In, Ease Out, і все що між ними
• Створення ефектних послідовних анімацій за допомогою CSS

JavaScript

• Що нового в ECMAScript 2026
• Який шаблон React ви перестали використовувати після роботи над великими проєктами? Цікавий тред на reddit
• Компілятор React
• Proxy та Reflect
• Початок роботи з Angular Signal Forms
• Створення наземної станції управління дронами в режимі реального часу на React

Меми