Front-end Digest № 85: CSS-міксин, чесний огляд next.js та майбутнє фреймворків

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

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

Веброзробка

• Компілятор WebAssembly, який вміщується в одному твіті
• Svelte 5 та майбутнє фреймворків: розмова з Річем Харрісом
• Відмінності між ESLint та TypeScript

• Новини
  • Новинки Chrome 133
  • Нове на вебплатформі в січні
  • Анонс бета-версії TypeScript 5.8
  

💡 Перша конференція DOU Front-end Day 2025

• Ефекти
  • WebGPU та рідини: шлях від частинок до реалістичних симуляцій
  • Від фракталів до лісів — створення реалістичних 3D-дерев за допомогою Three.js
  • Впровадження ефектів переходів між екранами в багатосторінкових вебзастосунках

CSS

• Розкриття потенціалу Container Queries
• CSS-міксин для відображення значень Custom Properties
• Повторний огляд CSS Multi-Column Layout
• Як дочекатися функцій sibling-count() та sibling-index()
• Перехід між елементами верхнього рівня та властивістю display у CSS
• Створення повноекранного макета за допомогою сучасних можливостей CSS
• 5 нових дивовижних властивостей CSS, які варто додати до вашого фронтенд-інструментарію у 2025 році
• View Transitions Snippets: збереження інтерактивності сторінки під час роботи View Transition

JavaScript

• Чому я не буду використовувати JSDOM
• Сучасний спосіб написання JavaScript-серверів
• Останні JavaScript уразливості в NPM-пакетах: глибоке занурення

• React
  • next.js: чесний огляд
  • Відхід від React, рік потому
  • 10 важливих кастомних хуків React, які допоможуть покращити ваші проєкти
  • Впровадження React Islands в статичних вебзастосунках
  

• Angular
  • Вебкомпоненти в Angular: створення елементів UI для крос-фреймворкової сумісності
  • Slots: зробіть свій Angular API гнучким
  

• Libs & Plugins
  • Картографічні візуалізації з використанням Leaflet
  • Знайомтеся з Mentoss: інструмент для імітації fetch-запитів

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